@charset "UTF-8";
/* BORDERS */
/* CURSORS */
/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* Z INDEXES */
* {
  margin: 0;
  padding: 0;
  box-sizing: border-box;
  word-break: break-word;
  -webkit-tap-highlight-color: transparent;
}

html {
  font-family: sans-serif;
}

body {
  height: 100dvh;
}

address, em {
  font-style: normal;
}

ul, ol, li {
  list-style: none;
}

strong, b {
  font-weight: normal;
}

span {
  line-height: initial;
}

a {
  color: black;
  text-decoration: none;
}

/* KEYFRAMES */
@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
/* ANIMATION CLASSES */
.fade-in {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

/* BRANDING COLORS */
/* THEME COLORS */
/* FONTS */
/* SPACINGS */
/* CURSORS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* TYPOGRAPHY */
/* VARIABLES */
/* STYLES */
*::selection {
  color: #FFFFFF;
  background-color: #6F5D51;
}

.body {
  margin: 0 0 0 0;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 300;
  color: #6F5D51;
  background-color: #FFFFFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: none;
  -webkit-tap-highlight-color: transparent;
  overflow: auto;
}

a {
  cursor: pointer;
  color: #6F5D51;
}

h1, h2, h3, h4 {
  font-size: 24px;
  font-weight: 300;
  color: #6F5D51;
}

.h2, .h3, .h4 {
  text-transform: uppercase;
}

.bcp-content-body-cnt h2, .bcp-content-body-cnt h3, .bcp-content-body-cnt h4 {
  text-transform: uppercase;
}

.h2 {
  margin: 0 0 128px;
  font-size: 32px;
}

.bcp-content-body-cnt h2 {
  margin: 64px 0 40px;
  font-size: 32px;
}

.h3 {
  margin: 0 0 64px;
  font-size: 24px;
}

.bcp-content-body-cnt h3 {
  margin: 64px 0 40px;
  font-size: 24px;
}

.h4 {
  margin: 0 0 40px;
  font-size: 18px;
}

.bcp-content-body-cnt h4 {
  margin: 64px 0 40px;
  font-size: 18px;
}

.title {
  margin: 0 0 20px;
  font-size: 80px;
  text-transform: uppercase;
  color: #F29B4F;
}
.title.title-primary-hero {
  margin: 0;
  font-size: 128px;
  font-weight: 400;
  line-height: 110px;
  letter-spacing: 4%;
  color: #FFFFFF;
}
.title.title-secondary-hero {
  margin: 0;
  font-size: 80px;
  font-weight: 300;
  line-height: 100%;
}
.title.title-secondary-hero.title-secondary-hero-mod-font-weight {
  font-weight: 400;
}
.title.title-secondary-hero.title-secondary-hero-mod-color {
  color: #FFFFFF;
}
.title.title-secondary-hero.title-secondary-hero-blog {
  font-size: 80px;
}
.title.title-landing {
  margin: 0 0 0 0;
  font-weight: 500;
  line-height: 100%;
}
.title.title-blog-post {
  margin: 0 0 32px;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -2%;
}
.title.title-fragment {
  position: relative;
  margin: 0 0 96px;
  padding: 20px 0 0;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -2%;
  color: #F29B4F;
}
.title.title-fragment::before {
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 64px;
  height: 2px;
  background-color: #6F5D51;
}
.title.title-subtitle {
  margin: 0 0 96px;
  font-size: 24px;
  font-weight: 600;
  color: #6F5D51;
}

.bcp-hero-tag {
  font-size: 18px;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-style: italic;
}

.pcp-hero-upper-tag {
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.pcp-hero-title {
  font-weight: 400;
  font-size: 80px;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.pcp-hero-lower-tag {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  border: 1px solid #6F5D51;
  color: #6F5D51;
  text-transform: uppercase;
}

.landing-hero-content-title {
  font-weight: 500;
  font-size: 128px;
  line-height: 100%;
  text-transform: uppercase;
}

.footer-list .footer-list-header {
  display: inline-block;
  position: relative;
  margin: 0 0 24px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 400;
}
.footer-list .footer-list-header::before {
  bottom: 7px;
  right: 0;
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #6F5D51;
}
.footer-list .footer-list-item-cnt {
  margin: 0 0 20px;
}
.footer-list .footer-list-item-cnt:last-child {
  margin: 0;
}
.footer-list .footer-list-item {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.footer-list a:hover {
  color: #6F5D51;
  text-decoration: underline;
  transition: text-decoration 4s ease-in-out;
  /* Hacer el hover con before o after para la transición del width */
}

.copyright-text {
  font-size: 12px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.75);
}

.project-example-card-name {
  margin: 0;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -2%;
  line-height: 100%;
  text-transform: uppercase;
}

.project-example-card-description {
  margin: 0;
  font-size: 16px;
}

.project-example-card-locality {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

.project-example-card-cta {
  margin: 0;
  font-size: 16px;
  text-align: right;
}

.project-card-upper-tag {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.project-card-title {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 40px;
  word-break: keep-all;
}

.project-card-text {
  margin: 0;
  font-size: 16px;
}

.project-card-lower-tag {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}

.blog-card-upper-tag {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.blog-card-title {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 100%;
}

.blog-card-text {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
}

p {
  margin-bottom: 32px;
  font-size: 24px;
}

.text-section {
  margin-bottom: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75);
}

.text-section-list-header {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #6F5D51;
}

.text-section-list-body {
  margin-bottom: 0;
  font-size: 16px;
  color: #6F5D51;
}

.text-contact-intro {
  margin-bottom: 0;
  font-size: 16px;
  color: #6F5D51;
}

.text-primary-hero {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
  color: #FFFFFF;
}

.menu-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}
.menu-list .menu-list-item .menu-link {
  position: relative;
  font-size: 72px;
  line-height: 0.7em;
  letter-spacing: -4%;
}
.menu-list .menu-list-item .menu-link:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 20px;
  height: 2px;
  width: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: width 0.8s ease-out;
}
.menu-list .menu-list-item .menu-link:hover:before {
  width: 100%;
}

.menu-contact-info .contact-info-item {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -4%;
}

.strong {
  font-weight: 400;
}

.bcp-content-body-cnt ul, .bcp-content-body-cnt ol, .bcp-content-body-cnt li {
  list-style: disc !important;
}

@media screen and (max-width: 1440PX) {
  .title.title-secondary-hero {
    font-size: 56px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 72px;
  }
  .title.title-fragment {
    font-size: 32px;
  }
  .title.title-blog-post {
    font-size: 56px;
  }
  .title.title-subtitle {
    margin: 0 0 80px;
  }
  .bcp-hero-tag {
    font-size: 14px;
    margin-bottom: 40px;
  }
  .pcp-hero-upper-tag {
    font-size: 14px;
  }
  .pcp-hero-title {
    font-size: 64px;
  }
  .pcp-hero-lower-tag {
    font-size: 12px;
    padding: 4px 16px;
  }
  .landing-hero-content-title {
    font-size: 96px;
  }
  .text-section-list-header {
    margin-bottom: 32px;
  }
  .text-contact-intro {
    font-size: 12px;
  }
  .blog-card-title {
    font-size: 32px;
  }
  .menu-list {
    gap: 20px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 40px;
  }
  .menu-list .menu-list-item .menu-link:before {
    bottom: 16px;
  }
}
@media screen and (max-width: 1024PX) {
  .title {
    font-size: 64px;
  }
  .title.title-primary-hero {
    font-size: 96px;
    line-height: 100%;
  }
  .title.title-secondary-hero {
    font-size: 40px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 46px;
  }
  .title.title-landing {
    font-size: 72px;
  }
  .title.title-blog-post {
    font-size: 32px;
  }
  .title.title-subtitle {
    margin: 0 0 64px;
  }
  .bcp-hero-tag {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .pcp-hero-upper-tag {
    font-size: 16px;
  }
  .pcp-hero-title {
    font-size: 56px;
  }
  .pcp-hero-lower-tag {
    font-size: 12px;
    padding: 4px 12px;
  }
  .landing-hero-content-title {
    font-size: 80px;
  }
  .footer-list .footer-list-header {
    padding-right: 44px;
    font-size: 14px;
  }
  .footer-list .footer-list-header::before {
    right: 0;
    width: 24px;
  }
  .footer-list .footer-list-item {
    font-size: 12px;
  }
  .text-section {
    font-size: 12px;
  }
  .text-section-list-header {
    margin-bottom: 24px;
  }
  .project-example-card-name {
    font-size: 24px;
  }
  .project-example-card-description {
    font-size: 12px;
  }
  .project-example-card-locality {
    font-size: 12px;
  }
  .project-example-card-cta {
    font-size: 12px;
  }
  .project-card-upper-tag {
    font-size: 14px;
  }
  .project-card-title {
    font-size: 24px;
  }
  .project-card-text {
    font-size: 12px;
  }
  .project-card-lower-tag {
    font-size: 14px;
  }
  .blog-card-upper-tag {
    font-size: 14px;
  }
  .blog-card-title {
    font-size: 18px;
  }
  .blog-card-text {
    font-size: 10px;
  }
  .menu-list {
    gap: 16px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 56px;
  }
  .menu-list .menu-list-item .menu-link:before {
    bottom: 16px;
  }
}
@media screen and (max-width: 768PX) {
  .title.title-primary-hero {
    font-size: 64px;
  }
  .title.title-secondary-hero {
    font-size: 56px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 64px;
  }
  .title.title-blog-post {
    font-size: 40px;
  }
  .title.title-subtitle {
    margin: 0 0 64px;
  }
  .bcp-hero-tag {
    font-size: 14px;
    margin-bottom: 72px;
  }
  .pcp-hero-upper-tag {
    font-size: 18px;
  }
  .pcp-hero-title {
    font-size: 56px;
  }
  .pcp-hero-lower-tag {
    font-size: 14px;
    padding: 8px 20px;
  }
  .landing-hero-content-title {
    font-size: 72px;
  }
  .footer-list .footer-list-header {
    padding-right: 60px;
    font-size: 18px;
  }
  .footer-list .footer-list-header::before {
    right: 0;
    width: 40px;
  }
  .footer-list .footer-list-item {
    font-size: 14px;
  }
  .text-section {
    font-size: 16px;
  }
  .text-section-list-header {
    margin-bottom: 20px;
  }
  .project-example-card-name {
    font-size: 32px;
  }
  .project-example-card-description {
    font-size: 16px;
  }
  .project-example-card-locality {
    font-size: 18px;
  }
  .project-example-card-cta {
    font-size: 16px;
  }
  .project-card-upper-tag {
    font-size: 16px;
  }
  .project-card-title {
    font-size: 32px;
  }
  .project-card-text {
    font-size: 12px;
  }
  .project-card-lower-tag {
    font-size: 14px;
  }
  .blog-card-upper-tag {
    font-size: 12px;
  }
  .blog-card-title {
    font-size: 18px;
  }
  .blog-card-text {
    font-size: 10px;
  }
  .menu-list {
    gap: 16px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 56px;
  }
  .menu-list .menu-list-item .menu-link:before {
    bottom: 8px;
  }
}
@media screen and (max-width: 530PX) {
  .title.title-primary-hero {
    font-size: 56px;
    line-height: 100%;
  }
}
@media screen and (max-width: 500PX) {
  .title.title-primary-hero {
    font-size: 56px;
    line-height: 100%;
  }
}
@media screen and (max-width: 430px) {
  .title {
    font-size: 40px;
  }
  .title.title-primary-hero {
    font-size: 40px;
    line-height: 100%;
  }
  .title.title-secondary-hero {
    font-size: 40px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 40px;
  }
  .title.title-landing {
    font-size: 40px;
  }
  .title.title-blog-post {
    font-size: 32px;
  }
  .title.title-fragment {
    margin: 0 0 80px;
    font-size: 24px;
  }
  .title.title-subtitle {
    margin: 0 0 32px;
    font-size: 18px;
  }
  .bcp-hero-tag {
    font-size: 16px;
    margin-bottom: 72px;
  }
  .pcp-hero-upper-tag {
    font-size: 14px;
  }
  .pcp-hero-title {
    font-size: 24px;
  }
  .pcp-hero-lower-tag {
    font-size: 10px;
    padding: 4px 12px;
  }
  .landing-hero-content-title {
    font-size: 56px;
  }
  .footer-list .footer-list-header::before {
    right: 0px;
    width: 0px;
  }
  .text-section {
    font-size: 16px;
  }
  .text-section-list-header {
    font-size: 16px;
  }
  .text-section-list-body {
    font-size: 16px;
  }
  .text-contact-intro {
    font-size: 12px;
  }
  .text-primary-hero {
    font-size: 14px;
  }
  .project-example-card-name {
    font-size: 24px;
  }
  .project-example-card-locality {
    font-size: 16px;
  }
  .project-example-card-cta {
    font-size: 16px;
    text-align: left;
  }
  .project-card-upper-tag {
    font-size: 14px;
  }
  .project-card-title {
    font-size: 24px;
  }
  .project-card-text {
    display: none;
  }
  .project-card-lower-tag {
    font-size: 12px;
  }
  .blog-card-upper-tag {
    font-size: 12px;
  }
  .blog-card-title {
    font-size: 16px;
  }
  .blog-card-text {
    display: none;
  }
  .menu-list {
    gap: 8px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 40px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* FONTS */
/* SPACINGS */
/* CURSORS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* BORDERS */
/* BUTTONS */
/* VARIABLES */
/* STYLES */
.default-btn {
  display: inline-flex;
  align-items: center;
  padding: 8px 20px;
  font-size: 16px;
  border: 1px solid #6F5D51;
  transition: color 0.3s ease-out, background-color 0.3s ease-out, opacity 0.3s ease-out;
  cursor: pointer;
}
.default-btn * {
  pointer-events: none;
  user-select: none;
}
.default-btn svg {
  margin-left: 16px;
  width: 16px;
  height: 16px;
}
.default-btn svg path {
  stroke: #6F5D51;
  stroke-width: 2px;
  transition: stroke 0.3s ease-out;
}
.default-btn:hover {
  color: #FFFFFF;
  background-color: #6F5D51;
  border: 1px solid #6F5D51;
}
.default-btn:hover svg path {
  stroke: #FFFFFF;
}
.default-btn:active {
  background-color: rgba(0, 0, 0, 0.25);
}
.default-btn.default-btn-white {
  color: #FFFFFF;
  border-color: #FFFFFF;
}
.default-btn.default-btn-white svg path {
  stroke: #FFFFFF;
}
.default-btn.default-btn-white:hover {
  color: #6F5D51;
  background-color: #FFFFFF;
}
.default-btn.default-btn-white:hover svg path {
  stroke: #6F5D51;
}
.default-btn.default-btn-white:active {
  background-color: rgba(255, 255, 255, 0.25);
}
.default-btn.default-btn-filled {
  background-color: #FFFFFF;
}
.default-btn.default-btn-filled:hover {
  color: #FFFFFF;
  background-color: #6F5D51;
}
.default-btn.default-btn-filled:hover svg path {
  stroke: #FFFFFF;
}
.default-btn.default-btn-filled:active {
  background-color: rgba(0, 0, 0, 0.25);
}
.default-btn.default-btn-filled-black {
  color: #FFFFFF;
  border-color: #FFFFFF;
  background-color: #000000;
}
.default-btn.default-btn-filled-black svg path {
  stroke: #FFFFFF;
}
.default-btn.default-btn-filled-black:hover {
  color: #FFFFFF;
  background-color: rgba(0, 0, 0, 0.5);
}
.default-btn.default-btn-filled-black:hover svg path {
  stroke: #FFFFFF;
}
.default-btn.default-btn-filled-black:active {
  background-color: rgba(0, 0, 0, 0.75);
}
.default-btn.default-btn-filled-black .loader {
  fill: #FFFFFF;
}
.default-btn.ui-disabled {
  opacity: 0.4;
  pointer-events: none;
}
.default-btn.ui-form-success {
  border: green 1px solid;
}
.default-btn.ui-form-error {
  border: red 1px solid;
}
.default-btn .loader {
  position: absolute;
  left: calc(50% - 25px);
  display: flex;
  justify-content: center;
  align-items: center;
  width: 50px;
  opacity: 0;
  fill: #000000;
  transition: opacity 0.4s;
}
.default-btn.ui-default-btn-loader-active {
  position: relative;
}
.default-btn.ui-default-btn-loader-active span {
  opacity: 0;
}
.default-btn.ui-default-btn-loader-active svg {
  opacity: 0;
}
.default-btn.ui-default-btn-loader-active .loader {
  opacity: 1;
}
.default-btn.ui-default-btn-loader-active .loader svg {
  opacity: 1;
  margin: 0;
}
.default-btn.svg-prev svg {
  width: 20px;
  height: 20px;
  margin-left: 0;
  margin-right: 16px;
}
.default-btn.svg-next svg {
  width: 20px;
  height: 20px;
  rotate: 180deg;
}
.default-btn.default-btn-contact {
  margin-bottom: 10px;
}

@media screen and (max-width: 1024PX) {
  .default-btn {
    padding: 4px 12px;
    font-size: 14px;
  }
}
@media screen and (max-width: 768PX) {
  .default-btn {
    padding: 4px 16px;
    font-size: 12px;
  }
}
@media screen and (max-width: 430px) {
  .default-btn {
    padding: 4px 12px;
    font-size: 14px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* FONTS */
.image-cnt {
  overflow: hidden;
}
.image-cnt img {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.image-cnt.zoom-on-hover img {
  transition: transform 0.5s ease-in-out;
}
.image-cnt.zoom-on-hover img:hover {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.image-cnt:has(.image-info-overlay) {
  position: relative;
}
.image-cnt:has(.image-info-overlay) .image-info-overlay {
  position: absolute;
  inset: 0 0 0 0;
  align-content: end;
  pointer-events: none;
}
.image-cnt:has(.image-info-overlay) .image-info-overlay .image-info {
  width: 100%;
  padding: 2%;
  align-content: center;
  color: #FFFFFF;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 0%, #000000 100%);
  transition: opacity 0.5s ease-out;
  opacity: 0;
}
.image-cnt:has(.image-info-overlay) .image-info-overlay .image-info .image-info-subtitle {
  font-size: 16px;
  font-weight: 300;
}
.image-cnt:has(.image-info-overlay):hover .image-info-overlay .image-info {
  opacity: 1;
}

/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* Z INDEXES */
/* CONTAINERS */
/* Widths */
/* Heights */
/* CURSORS */
::placeholder, .placeholder {
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.5);
}

input[type=text], input[type=email], input[type=tel], textarea, select {
  border: 1px solid #000000;
  border-radius: 0;
  font-family: "Source Sans 3", sans-serif;
  font-size: 16px;
  color: #6F5D51;
  transition: 0.2s border;
}
input[type=text]:focus, input[type=email]:focus, input[type=tel]:focus, textarea:focus, select:focus {
  outline: none;
  border: 1px solid rgba(0, 0, 0, 0.25);
}

input[type=text], input[type=email], input[type=tel], select {
  padding: 12px;
  width: 100%;
  height: 40px;
}
input[type=text].height-extended, input[type=email].height-extended, input[type=tel].height-extended, select.height-extended {
  height: 48px;
}

.input-search {
  position: relative;
}
.input-search::before {
  position: absolute;
  right: 0;
  display: flex;
  justify-content: center;
  align-items: center;
  content: url('data:image/svg+xml; utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M16.031 14.617L20.314 18.899L18.899 20.314L14.617 16.031C13.0237 17.3082 11.042 18.0029 9 18C4.032 18 0 13.968 0 9C0 4.032 4.032 0 9 0C13.968 0 18 4.032 18 9C18.0029 11.042 17.3082 13.0237 16.031 14.617ZM14.025 13.875C15.2938 12.5697 16.0025 10.8204 16 9C16 5.133 12.867 2 9 2C5.133 2 2 5.133 2 9C2 12.867 5.133 16 9 16C10.8204 16.0025 12.5697 15.2938 13.875 14.025L14.025 13.875Z" fill="black"/></svg>');
  width: 40px;
  height: 40px;
  padding: 2px 0 0;
  opacity: 1;
  transition: 0.2s opacity;
}
.input-search:has(input[type=text]:focus)::before {
  opacity: 0.2;
}

.input-help {
  position: relative;
  width: 40px;
  height: 40px;
  border: 1px solid #000000;
  border-radius: 0;
  cursor: pointer;
}
.input-help::before {
  position: absolute;
  top: 2px;
  left: -1px;
  display: flex;
  justify-content: center;
  align-items: center;
  content: url('data:image/svg+xml; utf8, <svg width="20" height="20" viewBox="0 0 40 40" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M0 10C0 9.46957 0.210714 8.96086 0.585786 8.58579C0.960859 8.21071 1.46957 8 2 8H38C38.5304 8 39.0391 8.21071 39.4142 8.58579C39.7893 8.96086 40 9.46957 40 10C40 10.5304 39.7893 11.0391 39.4142 11.4142C39.0391 11.7893 38.5304 12 38 12H2C1.46957 12 0.960859 11.7893 0.585786 11.4142C0.210714 11.0391 0 10.5304 0 10ZM6 20C6 19.4696 6.21071 18.9609 6.58579 18.5858C6.96086 18.2107 7.46957 18 8 18H32C32.5304 18 33.0391 18.2107 33.4142 18.5858C33.7893 18.9609 34 19.4696 34 20C34 20.5304 33.7893 21.0391 33.4142 21.4142C33.0391 21.7893 32.5304 22 32 22H8C7.46957 22 6.96086 21.7893 6.58579 21.4142C6.21071 21.0391 6 20.5304 6 20ZM16 28C15.4696 28 14.9609 28.2107 14.5858 28.5858C14.2107 28.9609 14 29.4696 14 30C14 30.5304 14.2107 31.0391 14.5858 31.4142C14.9609 31.7893 15.4696 32 16 32H24C24.5304 32 25.0391 31.7893 25.4142 31.4142C25.7893 31.0391 26 30.5304 26 30C26 29.4696 25.7893 28.9609 25.4142 28.5858C25.0391 28.2107 24.5304 28 24 28H16Z" fill="black"/></svg>');
  width: 40px;
  height: 40px;
}
.input-help .input-help-options {
  display: none;
  position: absolute;
  top: calc(100% + 6px);
  right: -1px;
  width: 478px;
  border: 1px solid #000000;
  border-radius: 0;
  background-color: white;
  z-index: 50;
}
.input-help .input-help-options .input-help-option {
  padding: 12px;
}
.input-help .input-help-options .input-help-option:hover {
  color: white;
  background-color: #8C7D74;
}
.input-help.ui-active {
  opacity: 1;
}
.input-help.ui-active .input-help-options {
  display: block;
}

textarea {
  resize: none;
  padding: 12px;
  width: 100%;
  height: 160px;
}

input[type=checkbox] {
  /* hiding the native checkbox input */
  -webkit-appearance: none;
  appearance: none;
  /* new styles (unchecked) */
  width: 24px;
  height: 24px;
  border: 1px solid #000000;
  border-radius: 0;
  transition: 0.2s opacity;
  cursor: pointer;
  /* preparing for pseudo element */
  display: grid;
  position: relative;
  place-content: center;
  /* pseudo element */
}
input[type=checkbox] * {
  pointer-events: none;
}
input[type=checkbox]::before {
  display: flex;
  justify-content: center;
  align-items: center;
  content: url('data:image/svg+xml; utf8, <svg width="16" height="12" viewBox="0 0 16 12" fill="none" xmlns="http://www.w3.org/2000/svg"> <path d="M16 0.803017L5.33333 12L0 6.40151L0.764983 5.59849L5.33333 10.4053L15.235 0L16 0.803017Z" fill="white"/></svg>');
  width: 24px;
  height: 24px;
  opacity: 0;
  transition: 0.2s opacity;
}
input[type=checkbox]:checked {
  background-color: #000000;
}
input[type=checkbox]:checked:hover {
  background-color: #000000;
}
input[type=checkbox]:checked::before {
  opacity: 1;
}
input[type=checkbox]:hover {
  background-color: rgba(179, 179, 179, 0.7019607843);
}

.select-cnt {
  position: relative;
  display: flex;
  align-items: center;
  width: 100%;
}
.select-cnt::after {
  content: url('data:image/svg+xml; utf8, <svg width="20" height="20" viewBox="0 0 20 20" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M18.8203 5.90967L9.91077 14.8192L1.00122 5.90967" stroke="black"/></svg>');
  position: absolute;
  right: 20px;
  width: 20px;
  height: 20px;
  pointer-events: none;
  transition: opacity 0.2s;
}
.select-cnt:has(select:focus):after, .select-cnt:has(select:hover):after {
  opacity: 0;
}
.select-cnt select {
  height: 48px;
  cursor: pointer;
  outline: none;
  background: none;
  -moz-appearance: none;
  -webkit-appearance: none;
}
.select-cnt select:focus {
  box-shadow: none;
}

.form-block {
  display: flex;
  flex-wrap: wrap;
  justify-content: space-between;
  margin-bottom: 32px;
}
.form-block:last-child {
  margin-bottom: 0;
}
.form-block .form-control {
  display: flex;
  align-items: center;
  gap: 16px;
  margin-bottom: 12px;
  width: 100%;
  font-family: "Source Sans 3", sans-serif;
  font-size: 14px;
  letter-spacing: 2%;
  color: #6F5D51;
}
.form-block .form-control:last-child {
  margin-bottom: 0;
}
.form-block .form-control.form-control-width-50 {
  width: 49%;
}

@media screen and (max-width: 1440PX) {
  ::placeholder, .placeholder {
    font-size: 12px;
  }
  input[type=text], input[type=email], input[type=tel], textarea, select {
    font-size: 12px;
  }
  input[type=text], input[type=email], input[type=tel], select {
    height: 32px;
  }
  input[type=text].height-extended, input[type=email].height-extended, input[type=tel].height-extended, select.height-extended {
    height: 40px;
  }
  textarea {
    height: 120px;
  }
  input[type=checkbox] {
    width: 16px;
    height: 16px;
  }
  .form-block {
    margin-bottom: 32px;
  }
  .form-control {
    gap: 12px;
    font-size: 12px;
  }
  .input-search::before {
    width: 20px;
    height: 20px;
    padding: 6px 6px 0;
  }
  .input-help {
    width: 32px;
    height: 32px;
  }
  .input-help::before {
    top: -4px;
    left: -5px;
  }
  .input-help .input-help-options {
    width: 470px;
  }
  .input-help .input-help-options .input-help-option {
    font-size: 12px;
  }
}
@media screen and (max-width: 1024PX) {
  textarea {
    height: 120px;
  }
  .form-control {
    gap: 12px;
  }
}
@media screen and (max-width: 768PX) {
  .input-help .input-help-options {
    width: 150px;
  }
}
@media screen and (max-width: 430px) {
  textarea {
    height: 104px;
  }
  .form-block {
    margin-bottom: 16px;
  }
  .form-block .form-control {
    margin-bottom: 12px;
    font-size: 12px;
  }
  .input-search::before {
    padding: 8px 6px 0;
  }
}
iframe:focus, .iframe:focus {
  outline: none;
}

/* START GENERIC SCROLLBAR TO INITIALIZE OVERLAYSCROLLBAR*/
html {
  scrollbar-width: none;
}

[data-scroll-container] {
  -ms-overflow-style: none;
  scrollbar-width: none;
}

[data-scroll-container]::-webkit-scrollbar {
  display: none;
}

/* END - HIDING GENERIC SCROLLBAR TO INITIALIZE OVERLAYSCROLLBAR*/
html {
  scroll-behavior: smooth;
}

@keyframes fade-in {
  0% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes slide-in-left {
  0% {
    transform: translateX(-1000px);
    transform-origin: 50% 50%;
  }
  100% {
    transform: translateX(0);
    transform-origin: 50% 50%;
  }
}
@keyframes slide-in-right {
  0% {
    transform: translateX(1000px);
    transform-origin: 50% 50%;
  }
  100% {
    transform: translateX(0);
    transform-origin: 50% 50%;
  }
}
@keyframes fade-slide-in-left {
  0% {
    opacity: 0;
    transform: translateX(-1000px);
    transform-origin: 50% 50%;
  }
  25% {
    opacity: 10%;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 50% 50%;
  }
}
@keyframes fade-slide-in-right {
  0% {
    opacity: 0;
    transform: translateX(1000px);
    transform-origin: 50% 50%;
  }
  25% {
    opacity: 10%;
  }
  50% {
    opacity: 30%;
  }
  100% {
    opacity: 1;
    transform: translateX(0);
    transform-origin: 50% 50%;
  }
}
.fade-in {
  animation: fade-in 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.menu-img-fade-in {
  opacity: 1;
  transition: opacity 0.8s ease-in;
}

.menu-img-fade-out {
  opacity: 0;
  transition: opacity 0.8s ease-out;
}

.slide-in-left {
  animation: slide-in-left 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.slide-in-right {
  animation: slide-in-right 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-slide-in-left {
  animation: fade-slide-in-left 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.fade-slide-in-right {
  animation: fade-slide-in-right 1.2s cubic-bezier(0.39, 0.575, 0.565, 1) both;
}

.animation-delay-05 {
  animation-delay: 0.5s;
}

.animation-delay-10 {
  animation-delay: 1s;
}

.animation-delay-15 {
  animation-delay: 1.5s;
}

.animation-delay-20 {
  animation-delay: 2s;
}

.animation-delay-25 {
  animation-delay: 2.5s;
}

*[data-aos=fade-in] {
  opacity: 0;
}

*[data-aos=slide-in-left] {
  transform: translateX(-1000px);
  transform-origin: 50% 50%;
}

*[data-aos=slide-in-right] {
  transform: translateX(1000px);
  transform-origin: 50% 50%;
}

*[data-aos=fade-slide-in-left] {
  opacity: 0;
  transform: translateX(-1000px);
  transform-origin: 50% 50%;
}

*[data-aos=fade-slide-in-right] {
  opacity: 0;
  transform: translateX(1000px);
  transform-origin: 50% 50%;
}

.gallery-photo-cnt * {
  pointer-events: none;
}

.gallery-photo {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.blog-card-cnt {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 736px;
}
.blog-card-cnt .blog-card {
  display: flex;
  gap: 8px;
}
.blog-card-cnt .blog-card .blog-card-image-cnt {
  flex-grow: 1;
  flex-basis: 0;
  aspect-ratio: 1/1;
}
.blog-card-cnt .blog-card .blog-card-info-cnt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 8px;
  flex-grow: 1;
  flex-basis: 0;
  aspect-ratio: 1/1;
}
.blog-card-cnt .blog-card .blog-card-info-item {
  margin-bottom: 20px;
}
.blog-card-cnt .blog-card .blog-card-info-item:last-child {
  margin: 0;
}

@media screen and (max-width: 1024PX) {
  .blog-card-cnt {
    max-width: 392px;
  }
}
@media screen and (max-width: 768PX) {
  .blog-card-cnt {
    flex-grow: unset;
    flex-basis: unset;
    max-width: 480px;
  }
}
@media screen and (max-width: 430px) {
  .blog-card-cnt {
    max-width: 288px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
/* BORDERS */
/* CURSORS */
.frameMap {
  display: none;
}

.load {
  display: block;
}

.ccc {
  position: absolute;
  font-family: "Source Sans 3", sans-serif;
  color: #000000;
  z-index: 10000;
  -webkit-tap-highlight-color: transparent;
}
.ccc .ccc-bar {
  position: fixed;
  top: 0;
  left: 0;
  max-width: 100vw;
  padding-top: 56px;
  padding-right: 0;
  padding-bottom: 16px;
  padding-left: 0;
  transition: all 0.5s;
}
.ccc .ccc-bar .ccc-bar-inner {
  position: relative;
  width: 100%;
  display: flex;
  align-items: center;
  gap: 8px;
  color: rgba(0, 0, 0, 0.5);
  background-color: #FFFFFF;
  border: 1px solid #6F5D51;
  box-shadow: none;
}
.ccc .ccc-bar .ccc-bar-message {
  line-height: 24px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 16px;
}
.ccc .ccc-bar .ccc-bar-message .ccc-bar-message-link {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: underline;
}
.ccc .ccc-bar .ccc-bar-message .ccc-bar-message-link:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ccc .ccc-bar .ccc-bar-options {
  height: 100%;
  min-width: max-content;
  display: flex;
  gap: 16px;
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 8px;
  padding-left: 8px;
}
.ccc.ccc-bar-full-width .ccc-bar {
  width: 100%;
}
.ccc.ccc-bar-full-width .ccc-bar .ccc-bar-inner .ccc-bar-message {
  flex-grow: 1;
}
.ccc .ccc-bar-ribbon {
  position: fixed;
  top: 0;
  right: 0;
  transition: all 0.25s;
  opacity: 0;
  pointer-events: none;
}
.ccc .ccc-bar-ribbon .ccc-bar-ribbon-inner {
  margin-top: 64px;
  margin-right: 60px;
  margin-bottom: 24px;
  margin-left: 60px;
  color: #000000;
  background-color: #FFFFFF;
  border: #6F5D51 1px solid;
  border-radius: 0;
  box-shadow: none;
}
.ccc .ccc-bar-ribbon .ccc-bar-ribbon-inner:hover {
  border: #6F5D51 1px solid;
  color: #FFFFFF;
  background-color: #6F5D51;
}
.ccc .ccc-bar-ribbon .ccc-bar-ribbon-inner * {
  pointer-events: none;
}
.ccc.ccc-top .ccc-bar, .ccc.ccc-top .ccc-bar-ribbon {
  top: 0;
  bottom: unset;
}
.ccc.ccc-right .ccc-bar-ribbon {
  right: calc(100% - 192px);
}
.ccc.ccc-right .ccc-bar {
  right: 0;
  left: unset;
}
.ccc.ccc-bottom .ccc-bar, .ccc.ccc-bottom .ccc-bar-ribbon {
  top: unset;
  bottom: 0;
}
.ccc.ccc-left .ccc-bar, .ccc.ccc-left .ccc-bar-ribbon {
  right: unset;
  left: 0;
}
.ccc.ccc-collapsed {
  z-index: 500;
}
.ccc.ccc-collapsed .ccc-bar-ribbon {
  pointer-events: auto;
}
.ccc.ccc-collapsed.ccc-collapsed-top .ccc-bar-ribbon, .ccc.ccc-collapsed.ccc-collapsed-right .ccc-bar-ribbon, .ccc.ccc-collapsed.ccc-collapsed-bottom .ccc-bar-ribbon, .ccc.ccc-collapsed.ccc-collapsed-left .ccc-bar-ribbon {
  opacity: 1;
}
.ccc.ccc-collapsed.ccc-collapsed-top .ccc-bar {
  top: -500%;
}
.ccc.ccc-collapsed.ccc-collapsed-right .ccc-bar {
  right: -500%;
}
.ccc.ccc-collapsed.ccc-collapsed-bottom .ccc-bar {
  bottom: -500%;
}
.ccc.ccc-collapsed.ccc-collapsed-left .ccc-bar {
  left: -500%;
}
.ccc .ccc-btn {
  display: inline-flex;
  justify-content: center;
  align-items: center;
  gap: 8px;
  padding: 4px 4px;
  color: rgba(0, 0, 0, 0.75);
  background-color: #FFFFFF;
  border: 1px solid white;
  box-shadow: none;
  text-align: center;
  white-space: nowrap;
  user-select: none;
  -webkit-user-select: none;
  transition: color 0.25s, background-color 0.25s;
}
.ccc .ccc-btn.ccc-btn-accept {
  color: #FFFFFF;
  background-color: #6F5D51;
}
.ccc .ccc-btn.ccc-btn-accept:hover {
  background-color: hsl(0, 0%, 20%);
}
.ccc .ccc-btn.ccc-btn-link {
  background-color: transparent;
  text-decoration: underline;
  box-shadow: none;
  border: none;
}
.ccc .ccc-btn.ccc-btn-link:hover {
  color: rgba(0, 0, 0, 0.75);
  text-decoration: none;
}
.ccc .ccc-btn.ccc-btn-deny-all {
  color: #FFFFFF;
  background-color: #6F5D51;
  cursor: pointer;
}
.ccc .ccc-btn.ccc-btn-deny-all:hover {
  background-color: hsl(0, 0%, 20%);
  border-color: transparent;
}
.ccc .ccc-btn.ccc-btn-save-setup {
  color: #FFFFFF;
  background-color: rgb(90.3609375, 75.7078125, 65.9390625);
  cursor: pointer;
}
.ccc .ccc-btn.ccc-btn-save-setup:hover {
  background-color: hsl(0, 0%, 20%);
  border-color: transparent;
}
.ccc .ccc-btn.ccc-btn-accept-all {
  color: #FFFFFF;
  background-color: #6F5D51;
  cursor: pointer;
}
.ccc .ccc-btn.ccc-btn-accept-all:hover {
  background-color: hsl(0, 0%, 20%);
  border-color: transparent;
}
.ccc .ccc-svg-icon {
  display: inline-block;
  width: 22px;
  aspect-ratio: 1/1;
  vertical-align: middle;
  fill: #6F5D51;
}
.ccc .ccc-svg-icon.icon-cookie-modal {
  margin-right: 8px;
}
.ccc .ccc-modal .ccc-svg-icon {
  fill: #000000;
}
.ccc .ccc-modal {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100dvh;
  opacity: 0;
  transition: all 0.5s;
  z-index: 110;
}
.ccc .ccc-modal.active {
  opacity: 1;
}
.ccc .ccc-modal.active .ccc-modal-inner {
  backdrop-filter: blur(2px);
  transition-delay: 0s;
}
.ccc .ccc-modal .ccc-modal-inner, .ccc .ccc-modal .ccc-modal-overlay, .ccc .ccc-modal .ccc-modal-window-cnt {
  width: 100%;
  height: 100%;
}
.ccc .ccc-modal .ccc-modal-inner {
  position: relative;
  backdrop-filter: blur(0);
  transition: backdrop-filter 0.25s;
  transition-delay: 0.5s;
}
.ccc .ccc-modal .ccc-modal-overlay, .ccc .ccc-modal .ccc-modal-window-cnt {
  position: absolute;
}
.ccc .ccc-modal .ccc-modal-overlay {
  background-color: hsl(0, 0%, 0%);
  opacity: 0.5;
}
.ccc .ccc-modal .ccc-modal-window-cnt {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  user-select: none;
  -webkit-user-select: none;
}
.ccc .ccc-modal .ccc-modal-window {
  position: absolute;
  display: flex;
  flex-direction: column;
  height: max-content;
  max-width: 768px;
  max-height: calc(100% - 140px);
  margin: 0 24px;
}
.ccc .ccc-modal .ccc-modal-window > * {
  background-color: #FFFFFF;
  border-bottom: 1px solid #000000;
}
.ccc .ccc-modal .ccc-modal-window > *:last-child {
  border-bottom: 0;
}
.ccc .ccc-modal .ccc-modal-window.ccc-border-radius > :first-child {
  border-radius: 8px 8px 0 0;
}
.ccc .ccc-modal .ccc-modal-window.ccc-border-radius > :last-child {
  border-radius: 0 0 8px 8px;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-header, .ccc .ccc-modal .ccc-modal-window .ccc-modal-window-footer {
  padding: 16px;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-body {
  display: flex;
  min-height: 70px;
  padding: 24px;
  overflow: hidden;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-body-inner {
  min-height: 30px;
  overflow: auto;
  /* width */
  /* Track */
  /* Handle */
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-body-inner::-webkit-scrollbar {
  width: 4px;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-body-inner::-webkit-scrollbar-track {
  background-color: transparent;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-body-inner::-webkit-scrollbar-thumb {
  background-color: #4f4f4f;
  border-radius: 2px;
  /* Handle on hover */
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-body-inner::-webkit-scrollbar-thumb:hover {
  background-color: #363636;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-footer .ccc-modal-window-footer-btn-cnt {
  display: flex;
  gap: 16px;
}
.ccc .ccc-modal .ccc-modal-window .ccc-modal-window-footer .ccc-modal-window-footer-btn-cnt .ccc-btn {
  width: 100%;
}
.ccc .ccc-d-none {
  display: none;
}
.ccc .ccc-util-row-reverse {
  flex-direction: row-reverse;
}
.ccc .ccc-util-column-reverse {
  flex-direction: column-reverse;
}
.ccc .ccc-util-vertical-orientation {
  flex-direction: column;
}
.ccc .ccc-util-justify-content-center {
  justify-content: center;
}
.ccc .ccc-util-justify-content-flex-end {
  justify-content: flex-end;
}
.ccc .ccc-util-align-items-center {
  align-items: center;
}
.ccc .ccc-util-align-items-flex-end {
  align-items: flex-end;
}
.ccc .ccc-util-align-self-flex-end {
  align-self: flex-end;
}
.ccc .ccc-util-align-self-center {
  align-self: center;
}
.ccc .ccc-util-align-self-flex-start {
  align-self: flex-start;
}
.ccc .ccc-util-align-self-stretch {
  align-self: stretch;
}

.cookie-list {
  margin: 0;
  padding-top: 0;
  padding-right: 16px;
  padding-bottom: 0;
  padding-left: 0;
  list-style: none;
}
.cookie-list .cookie-list-item {
  position: relative;
  margin-bottom: 30px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
  transition: all 0.5s;
}
.cookie-list .cookie-list-item:last-child {
  margin-bottom: 0;
  border-bottom: 0;
}
.cookie-list .cookie-list-item .angle-down {
  position: absolute;
  right: 0;
  width: 12px;
  fill: rgba(0, 0, 0, 0.75);
  transition: transform 0.25s;
  transform: rotate(-90deg);
  pointer-events: none;
}
.cookie-list .cookie-list-item .angle-down.expanded {
  transform: rotate(0);
}
.cookie-list .cookie-list-item .cl-item-header {
  padding-top: 8px;
  padding-right: 8px;
  padding-bottom: 30px;
  padding-left: 8px;
  cursor: pointer;
  user-select: none;
  -webkit-user-select: none;
  transition: 0s;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar {
  display: flex;
  align-items: center;
  margin-bottom: 16px;
  pointer-events: none;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-title {
  display: flex;
  align-items: center;
  flex-grow: 1;
  gap: 8px;
  font-size: 14px;
  font-weight: 700;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-title .cl-item-quantity {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 24px;
  padding: 0 4px;
  font-size: 14px;
  text-align: center;
  border-radius: 16px;
  color: #000000;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch {
  pointer-events: auto;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch {
  position: relative;
  display: inline-block;
  width: 48px;
  height: 26px;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch input {
  opacity: 0;
  width: 0;
  height: 0;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch input:checked + .switch-slider {
  background-color: #6F5D51;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch input:checked + .switch-slider.not-allowed {
  opacity: 0.65;
  background-color: hsla(0, 0%, 100%, 0.25);
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch input:checked + .switch-slider.not-allowed .svgCheck {
  fill: #000000;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch input:checked + .switch-slider .svg-switch {
  transform: translateX(22px);
  opacity: 1;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch input:checked + .switch-slider:before {
  align-items: end;
  color: #F29B4F;
  transform: translateX(22px);
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch .switch-slider {
  position: absolute;
  cursor: pointer;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background-color: grey;
  border-radius: 100px;
  transition: background-color 0.25s;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch .switch-slider.not-allowed {
  cursor: url("/resources/img/cursors/cursor_nodrop.svg") 9 0, auto;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch .switch-slider .svg-switch {
  position: absolute;
  top: 5px;
  left: 5px;
  width: 16px;
  height: 22px;
  opacity: 0;
  transition: transform 0.25s, opacity 0.25s;
  fill: #6F5D51;
}
.cookie-list .cookie-list-item .cl-item-header .cl-header-bar .cl-item-switch .switch .switch-slider:before {
  position: relative;
  display: flex;
  justify-content: center;
  content: "";
  height: 22px;
  width: 22px;
  top: 2px;
  left: 2px;
  color: #F29B4F;
  background-color: hsl(0, 0%, 100%);
  border-radius: 50%;
  transition: transform 0.25s;
}
.cookie-list .cookie-list-item .cl-item-header .cl-item-description-body {
  pointer-events: none;
  user-select: none;
  -webkit-user-select: none;
  color: black;
}
.cookie-list .cookie-list-item .cl-description-body {
  overflow: hidden;
  user-select: none;
  -webkit-user-select: none;
  transition: height 0.25s;
}
.cookie-list .cookie-list-item .cl-description-body-content {
  margin-bottom: 16px;
  padding: 16px;
  background-color: hsla(0, 0%, 100%, 0.05);
}
.cookie-list .cookie-list-item .cl-description-body-content.no-cookies {
  margin-bottom: 0;
}
.cookie-list .cookie-list-item .cl-description-body-content.no-cookies .cl-header-group {
  border-bottom: 0;
}
.cookie-list .cookie-list-item .cl-description-body-content .cl-header-group {
  display: flex;
  align-items: center;
  gap: 8px;
  margin-bottom: 16px;
  padding-bottom: 16px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}
.cookie-list .cookie-list-item .cl-description-body-content .cl-header-group .cl-group-title {
  font-size: 14px;
  font-weight: 700;
}
.cookie-list .cookie-list-item .cl-description-body-content .cl-header-group .cl-group-quantity {
  display: flex;
  justify-content: center;
  align-items: center;
  min-width: 22px;
  height: 24px;
  padding: 0 4px;
  font-size: 14px;
  font-weight: 700;
  text-align: center;
  border-radius: 16px;
  color: #000000;
  background-color: hsla(0, 0%, 100%, 0.1);
}
.cookie-list .cookie-list-item .cl-description-body-content .cl-header-group .cl-external-link-group {
  display: flex;
  width: 18px;
  fill: hsla(0, 0%, 100%, 0.75);
  cursor: pointer;
}
.cookie-list .cookie-list-item .cl-details-cnt {
  margin-bottom: 0;
  padding-top: 14px;
  padding-right: 8px;
  padding-bottom: 16px;
  padding-left: 8px;
  border-bottom: 1px solid hsla(0, 0%, 100%, 0.15);
}
.cookie-list .cookie-list-item .cl-details-cnt:last-child {
  border-bottom: 0;
  margin-bottom: 0;
}
.cookie-list .cookie-list-item .cl-details-cnt .cl-header-details {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
  gap: 20px;
  margin-bottom: 20px;
  font-size: 14px;
}
.cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-header-title, .cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-header-type, .cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-header-expiration {
  min-width: 125px;
  font-weight: 700;
}
.cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-type, .cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-expiration {
  font-weight: initial;
}
.cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-header-title {
  flex-grow: 1;
}
.cookie-list .cookie-list-item .cl-details-cnt .cl-header-details .cl-header-data {
  display: flex;
  flex-wrap: wrap;
}
.cookie-list .cookie-list-item .cl-details-cnt .cl-description-details {
  color: black;
}
.cookie-list .cookie-list-item.collapsed .cl-description-body {
  height: 0;
}

@media screen and (min-width: 360PX) {
  .ccc .ccc-btn {
    padding: 4px 8px;
  }
}
@media screen and (min-width: 430px) {
  .ccc .ccc-btn {
    padding: 8px 20px;
  }
}
@media screen and (min-width: 600px) {
  .ccc.ccc-right .ccc-bar-ribbon {
    right: 0;
  }
  .ccc .ccc-bar-ribbon .ccc-bar-ribbon-inner {
    margin-top: 32px;
  }
}
@media screen and (max-width: 1200px) {
  .ccc-bar .ccc-bar-inner {
    flex-direction: column;
    align-items: flex-end;
    gap: 16px;
  }
  .ccc-bar .ccc-bar-message {
    padding-bottom: 0;
  }
  .ccc-bar .ccc-bar-options {
    padding-top: 0;
  }
  .ccc-modal .ccc-modal-window-footer .ccc-modal-window-footer-btn-cnt {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 768px) {
  .ccc .ccc-bar-ribbon .ccc-bar-ribbon-inner {
    margin-left: 40px;
  }
}
@media screen and (max-width: 425px) {
  .ccc .ccc-bar-ribbon .ccc-bar-ribbon-inner {
    margin-left: 20px;
    margin-bottom: 40px;
  }
}
.custom-cursor-cnt {
  pointer-events: none;
}
.custom-cursor-cnt .custom-cursor {
  position: fixed;
  top: -24px;
  left: 0;
  z-index: 100000;
  mix-blend-mode: difference;
  stroke: white;
  opacity: 0;
  transition: opacity 1s;
}
.custom-cursor-cnt .custom-cursor .path_arrow {
  stroke-width: 0.6px;
  transform-origin: center left;
  transition: transform 0.2s ease-out;
}
.custom-cursor-cnt .custom-cursor.ui-custom-cursor--pointer .path_arrow {
  animation: custom-cursor-pointer 0.6s alternate 0.5s infinite;
  transform: rotate(-90deg);
}
.custom-cursor-cnt .custom-cursor .custom-cursor-svg-text {
  display: none;
}
.custom-cursor-cnt .custom-cursor.ui-custom-cursor--text {
  top: -9px;
  left: -7px;
}
.custom-cursor-cnt .custom-cursor.ui-custom-cursor--text .custom-cursor-svg-text {
  display: initial;
}
.custom-cursor-cnt .custom-cursor.ui-custom-cursor--text .custom-cursor-svg-default {
  display: none;
}

@keyframes custom-cursor-pointer {
  0% {
    translate: 0 0;
  }
  100% {
    translate: 1px -1px;
  }
}
/* BORDERS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
.cr-card-cnt {
  flex-grow: 1;
  flex-basis: 0;
  max-width: 480px;
}
.cr-card-cnt > .inner {
  display: flex;
  flex-direction: column;
  gap: 24px;
  padding: 32px;
  height: 288px;
  border: #6F5D51 1px solid;
}
.cr-card-cnt .cr-card-profile {
  display: flex;
  gap: 32px;
}
.cr-card-cnt .cr-card-profile-pic-cnt {
  width: 64px;
  height: 64px;
  border-radius: 50%;
  background-color: rgba(230, 230, 230, 0.9019607843);
}
.cr-card-cnt .cr-card-profile-info-cnt {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding-top: 6px;
  flex-grow: 1;
  flex-basis: 0;
}
.cr-card-cnt .cr-card-username {
  font-size: 18px;
  font-weight: 400;
}
.cr-card-cnt .cr-card-details {
  display: flex;
  gap: 6px;
  font-size: 14px;
  font-weight: 300;
}
.cr-card-cnt .cr-card-score {
  display: flex;
  font-weight: 400;
}
.cr-card-cnt .cr-card-score-star {
  margin-top: -2px;
  font-size: 16px;
  color: #ffcc00;
}
.cr-card-cnt .cr-card-body {
  display: flex;
  gap: 32px;
}
.cr-card-cnt .cr-card-message {
  flex-grow: 1;
  flex-basis: 0;
  font-size: 16px;
  font-weight: 300;
  line-height: 1.3em;
}

@media screen and (max-width: 1440PX) {
  .cr-card-cnt > .inner {
    padding: 32px;
  }
}
@media screen and (max-width: 1024PX) {
  .cr-card-cnt > .inner {
    padding: 24px;
  }
}
@media screen and (max-width: 768PX) {
  .cr-card-cnt > .inner {
    padding: 24px;
  }
}
@media screen and (max-width: 430px) {
  .cr-card-cnt > .inner {
    padding: 20px;
  }
}
.customer-review-carousel > .inner {
  display: flex;
  justify-content: center;
  gap: 3%;
}
.customer-review-carousel .cr-card-cnt:nth-child(n+5) {
  display: none;
}

@media screen and (max-width: 1440PX) {
  .customer-review-carousel .cr-card-cnt:nth-child(n+4) {
    display: none;
  }
}
@media screen and (max-width: 1024PX) {
  .customer-review-carousel .cr-card-cnt:nth-child(n+3) {
    display: none;
  }
}
@media screen and (max-width: 768PX) {
  .customer-review-carousel .cr-card-cnt:nth-child(n+2) {
    display: none;
  }
}
@media screen and (max-width: 430px) {
  .customer-review-carousel .cr-card-cnt:nth-child(n+2) {
    display: none;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* LANDING CTA */
/* Variables */
/* Styles */
.landing-cta-cnt {
  position: fixed;
  right: 60px;
  bottom: 24px;
  z-index: 500;
}
.landing-cta-cnt .landing-cta-svg {
  width: 20px;
  height: 20px;
}
.landing-cta-cnt .landing-cta-path {
  stroke-width: 0.2px;
  fill: #000000;
}
.landing-cta-cnt:hover .landing-cta-path {
  fill: #FFFFFF;
}

@media screen and (max-width: 768PX) {
  .landing-cta-cnt {
    right: 40px;
  }
  .landing-cta-cnt .landing-cta-svg {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 430px) {
  .landing-cta-cnt {
    right: 20px;
    bottom: 40px;
  }
  .landing-cta-cnt .landing-cta-svg {
    width: 14px;
    height: 14px;
  }
}
/* Z INDEXES */
/* BRANDING COLORS */
/* THEME COLORS */
.main-menu {
  position: relative;
  top: 0;
  left: 0;
  z-index: 1000;
}
.main-menu .menu-content-cnt {
  transform: translateY(-200%);
}
.main-menu.ui-on-hero .navbar-cnt {
  background: none;
}
.main-menu.ui-on-hero .navbar-cnt .navbar-iroko-icon-cnt svg path {
  fill: #FFFFFF;
}
.main-menu.ui-on-hero .navbar-cnt .navbar-links-list-item a {
  color: #FFFFFF;
}
.main-menu.ui-on-hero .navbar-cnt .navbar-links-list-item:before {
  background-color: rgba(255, 255, 255, 0.5);
}
.main-menu.ui-on-hero .navbar-cnt .navbar-toggle-svg-cnt svg line {
  stroke: #FFFFFF;
}
.main-menu.ui-on-hero .navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span {
  background: #FFFFFF;
}
.main-menu.ui-on-hero .navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span::before {
  background: #FFFFFF;
}
.main-menu.ui-on-hero .navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span::after {
  background: #FFFFFF;
}
.main-menu.ui-hide .navbar-cnt {
  transform: translateY(-100%);
}
.main-menu.ui-active .navbar-cnt {
  transform: translateY(0);
}
.main-menu.ui-active .navbar-cnt .navbar-iroko-icon-cnt svg path {
  fill: #6F5D51;
}
.main-menu.ui-active .navbar-cnt .navbar-links-list-item a {
  color: #6F5D51;
}
.main-menu.ui-active .navbar-cnt .navbar-toggle-svg-cnt svg line {
  stroke: #6F5D51;
}
.main-menu.ui-active .navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span {
  top: 0;
  left: -5px;
  background: transparent;
  transition: 0.3s cubic-bezier(1, 0.3, 0, 0.3) !important;
}
.main-menu.ui-active .navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span::before {
  top: 0;
  left: 0;
  background: #6F5D51;
  transform-origin: center;
  transform: rotate(-45deg);
  transition: 0.3s cubic-bezier(1, 0.3, 0, 0.3) !important;
}
.main-menu.ui-active .navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span::after {
  bottom: 0;
  right: 0;
  background: #6F5D51;
  transform-origin: center;
  transform: rotate(45deg);
  transition: 0.3s cubic-bezier(1, 0.3, 0, 0.3) !important;
}
.main-menu.ui-active .navbar-links-list {
  opacity: 0;
  pointer-events: none;
}
.main-menu.ui-active .menu-content-cnt {
  transform: translateY(0);
}
.main-menu .navbar-cnt {
  transition: transform 0.4s cubic-bezier(0.45, 0.055, 0.07, 0.995);
}
.main-menu .navbar-cnt .navbar-iroko-icon-cnt svg path {
  transition: fill 0.4s cubic-bezier(0.45, 0.055, 0.07, 0.995);
}
.main-menu .navbar-cnt .navbar-links-list-item a {
  transition: color 0.4s cubic-bezier(0.45, 0.055, 0.07, 0.995);
}
.main-menu .navbar-cnt .navbar-toggle-svg-cnt svg line {
  transition: stroke 0.4s cubic-bezier(0.45, 0.055, 0.07, 0.995);
}

/* BRANDING COLORS */
/* THEME COLORS */
/* FONTS */
/* SPACINGS */
/* CURSORS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* TYPOGRAPHY */
/* VARIABLES */
/* STYLES */
*::selection {
  color: #FFFFFF;
  background-color: #6F5D51;
}

.body {
  margin: 0 0 0 0;
  font-family: "Source Sans 3", sans-serif;
  font-weight: 300;
  color: #6F5D51;
  background-color: #FFFFFF;
  text-rendering: optimizeLegibility;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  cursor: none;
  -webkit-tap-highlight-color: transparent;
  overflow: auto;
}

a {
  cursor: pointer;
  color: #6F5D51;
}

h1, h2, h3, h4 {
  font-size: 24px;
  font-weight: 300;
  color: #6F5D51;
}

.h2, .h3, .h4 {
  text-transform: uppercase;
}

.bcp-content-body-cnt h2, .bcp-content-body-cnt h3, .bcp-content-body-cnt h4 {
  text-transform: uppercase;
}

.h2 {
  margin: 0 0 128px;
  font-size: 32px;
}

.bcp-content-body-cnt h2 {
  margin: 64px 0 40px;
  font-size: 32px;
}

.h3 {
  margin: 0 0 64px;
  font-size: 24px;
}

.bcp-content-body-cnt h3 {
  margin: 64px 0 40px;
  font-size: 24px;
}

.h4 {
  margin: 0 0 40px;
  font-size: 18px;
}

.bcp-content-body-cnt h4 {
  margin: 64px 0 40px;
  font-size: 18px;
}

.title {
  margin: 0 0 20px;
  font-size: 80px;
  text-transform: uppercase;
  color: #F29B4F;
}

.title.title-primary-hero {
  margin: 0;
  font-size: 128px;
  font-weight: 400;
  line-height: 110px;
  letter-spacing: 4%;
  color: #FFFFFF;
}

.title.title-secondary-hero {
  margin: 0;
  font-size: 80px;
  font-weight: 300;
  line-height: 100%;
}

.title.title-secondary-hero.title-secondary-hero-mod-font-weight {
  font-weight: 400;
}

.title.title-secondary-hero.title-secondary-hero-mod-color {
  color: #FFFFFF;
}

.title.title-secondary-hero.title-secondary-hero-blog {
  font-size: 80px;
}

.title.title-landing {
  margin: 0 0 0 0;
  font-weight: 500;
  line-height: 100%;
}

.title.title-blog-post {
  margin: 0 0 32px;
  font-size: 64px;
  font-weight: 400;
  line-height: 100%;
  letter-spacing: -2%;
}

.title.title-fragment {
  position: relative;
  margin: 0 0 96px;
  padding: 20px 0 0;
  font-size: 40px;
  font-weight: 600;
  letter-spacing: -2%;
  color: #F29B4F;
}

.title.title-fragment::before {
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 64px;
  height: 2px;
  background-color: #6F5D51;
}

.title.title-subtitle {
  margin: 0 0 96px;
  font-size: 24px;
  font-weight: 600;
  color: #6F5D51;
}

.bcp-hero-tag {
  font-size: 18px;
  margin-bottom: 40px;
  text-transform: uppercase;
  font-style: italic;
}

.pcp-hero-upper-tag {
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.pcp-hero-title {
  font-weight: 400;
  font-size: 80px;
  line-height: 100%;
  letter-spacing: -0.02em;
  text-transform: uppercase;
}

.pcp-hero-lower-tag {
  display: inline-block;
  padding: 8px 20px;
  font-size: 16px;
  border: 1px solid #6F5D51;
  color: #6F5D51;
  text-transform: uppercase;
}

.landing-hero-content-title {
  font-weight: 500;
  font-size: 128px;
  line-height: 100%;
  text-transform: uppercase;
}

.footer-list .footer-list-header {
  display: inline-block;
  position: relative;
  margin: 0 0 24px;
  padding-right: 60px;
  font-size: 18px;
  font-weight: 400;
}

.footer-list .footer-list-header::before {
  bottom: 7px;
  right: 0;
  position: absolute;
  content: "";
  width: 40px;
  height: 1px;
  background-color: #6F5D51;
}

.footer-list .footer-list-item-cnt {
  margin: 0 0 20px;
}

.footer-list .footer-list-item-cnt:last-child {
  margin: 0;
}

.footer-list .footer-list-item {
  font-size: 14px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}

.footer-list a:hover {
  color: #6F5D51;
  text-decoration: underline;
  transition: text-decoration 4s ease-in-out;
  /* Hacer el hover con before o after para la transición del width */
}

.copyright-text {
  font-size: 12px;
  font-weight: 300;
  color: rgba(0, 0, 0, 0.75);
}

.project-example-card-name {
  margin: 0;
  font-size: 40px;
  font-weight: 400;
  letter-spacing: -2%;
  line-height: 100%;
  text-transform: uppercase;
}

.project-example-card-description {
  margin: 0;
  font-size: 16px;
}

.project-example-card-locality {
  margin: 0;
  font-size: 18px;
  font-weight: 400;
  text-transform: uppercase;
}

.project-example-card-cta {
  margin: 0;
  font-size: 16px;
  text-align: right;
}

.project-card-upper-tag {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.project-card-title {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 40px;
  word-break: keep-all;
}

.project-card-text {
  margin: 0;
  font-size: 16px;
}

.project-card-lower-tag {
  margin: 0;
  font-weight: 400;
  font-size: 18px;
  text-transform: uppercase;
}

.blog-card-upper-tag {
  margin: 0;
  font-size: 18px;
  font-style: italic;
  text-transform: uppercase;
}

.blog-card-title {
  margin: 0;
  font-weight: 400;
  font-size: 40px;
  letter-spacing: -0.02em;
  text-transform: uppercase;
  line-height: 100%;
}

.blog-card-text {
  margin: 0;
  font-size: 16px;
  line-height: 140%;
}

p {
  margin-bottom: 32px;
  font-size: 24px;
}

.text-section {
  margin-bottom: 0;
  font-size: 16px;
  color: rgba(0, 0, 0, 0.75);
}

.text-section-list-header {
  margin-bottom: 40px;
  font-size: 18px;
  font-weight: 600;
  color: #6F5D51;
}

.text-section-list-body {
  margin-bottom: 0;
  font-size: 16px;
  color: #6F5D51;
}

.text-contact-intro {
  margin-bottom: 0;
  font-size: 16px;
  color: #6F5D51;
}

.text-primary-hero {
  margin-bottom: 0;
  font-size: 18px;
  line-height: 150%;
  color: #FFFFFF;
}

.menu-list {
  display: flex;
  flex-direction: column;
  gap: 24px;
}

.menu-list .menu-list-item .menu-link {
  position: relative;
  font-size: 72px;
  line-height: 0.7em;
  letter-spacing: -4%;
}

.menu-list .menu-list-item .menu-link:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 20px;
  height: 2px;
  width: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: width 0.8s ease-out;
}

.menu-list .menu-list-item .menu-link:hover:before {
  width: 100%;
}

.menu-contact-info .contact-info-item {
  font-size: 17px;
  font-weight: 400;
  letter-spacing: -4%;
}

.strong {
  font-weight: 400;
}

.bcp-content-body-cnt ul, .bcp-content-body-cnt ol, .bcp-content-body-cnt li {
  list-style: disc !important;
}

@media screen and (max-width: 1440PX) {
  .title.title-secondary-hero {
    font-size: 56px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 72px;
  }
  .title.title-fragment {
    font-size: 32px;
  }
  .title.title-blog-post {
    font-size: 56px;
  }
  .title.title-subtitle {
    margin: 0 0 80px;
  }
  .bcp-hero-tag {
    font-size: 14px;
    margin-bottom: 40px;
  }
  .pcp-hero-upper-tag {
    font-size: 14px;
  }
  .pcp-hero-title {
    font-size: 64px;
  }
  .pcp-hero-lower-tag {
    font-size: 12px;
    padding: 4px 16px;
  }
  .landing-hero-content-title {
    font-size: 96px;
  }
  .text-section-list-header {
    margin-bottom: 32px;
  }
  .text-contact-intro {
    font-size: 12px;
  }
  .blog-card-title {
    font-size: 32px;
  }
  .menu-list {
    gap: 20px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 40px;
  }
  .menu-list .menu-list-item .menu-link:before {
    bottom: 16px;
  }
}
@media screen and (max-width: 1024PX) {
  .title {
    font-size: 64px;
  }
  .title.title-primary-hero {
    font-size: 96px;
    line-height: 100%;
  }
  .title.title-secondary-hero {
    font-size: 40px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 46px;
  }
  .title.title-landing {
    font-size: 72px;
  }
  .title.title-blog-post {
    font-size: 32px;
  }
  .title.title-subtitle {
    margin: 0 0 64px;
  }
  .bcp-hero-tag {
    font-size: 16px;
    margin-bottom: 40px;
  }
  .pcp-hero-upper-tag {
    font-size: 16px;
  }
  .pcp-hero-title {
    font-size: 56px;
  }
  .pcp-hero-lower-tag {
    font-size: 12px;
    padding: 4px 12px;
  }
  .landing-hero-content-title {
    font-size: 80px;
  }
  .footer-list .footer-list-header {
    padding-right: 44px;
    font-size: 14px;
  }
  .footer-list .footer-list-header::before {
    right: 0;
    width: 24px;
  }
  .footer-list .footer-list-item {
    font-size: 12px;
  }
  .text-section {
    font-size: 12px;
  }
  .text-section-list-header {
    margin-bottom: 24px;
  }
  .project-example-card-name {
    font-size: 24px;
  }
  .project-example-card-description {
    font-size: 12px;
  }
  .project-example-card-locality {
    font-size: 12px;
  }
  .project-example-card-cta {
    font-size: 12px;
  }
  .project-card-upper-tag {
    font-size: 14px;
  }
  .project-card-title {
    font-size: 24px;
  }
  .project-card-text {
    font-size: 12px;
  }
  .project-card-lower-tag {
    font-size: 14px;
  }
  .blog-card-upper-tag {
    font-size: 14px;
  }
  .blog-card-title {
    font-size: 18px;
  }
  .blog-card-text {
    font-size: 10px;
  }
  .menu-list {
    gap: 16px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 56px;
  }
  .menu-list .menu-list-item .menu-link:before {
    bottom: 16px;
  }
}
@media screen and (max-width: 768PX) {
  .title.title-primary-hero {
    font-size: 64px;
  }
  .title.title-secondary-hero {
    font-size: 56px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 64px;
  }
  .title.title-blog-post {
    font-size: 40px;
  }
  .title.title-subtitle {
    margin: 0 0 64px;
  }
  .bcp-hero-tag {
    font-size: 14px;
    margin-bottom: 72px;
  }
  .pcp-hero-upper-tag {
    font-size: 18px;
  }
  .pcp-hero-title {
    font-size: 56px;
  }
  .pcp-hero-lower-tag {
    font-size: 14px;
    padding: 8px 20px;
  }
  .landing-hero-content-title {
    font-size: 72px;
  }
  .footer-list .footer-list-header {
    padding-right: 60px;
    font-size: 18px;
  }
  .footer-list .footer-list-header::before {
    right: 0;
    width: 40px;
  }
  .footer-list .footer-list-item {
    font-size: 14px;
  }
  .text-section {
    font-size: 16px;
  }
  .text-section-list-header {
    margin-bottom: 20px;
  }
  .project-example-card-name {
    font-size: 32px;
  }
  .project-example-card-description {
    font-size: 16px;
  }
  .project-example-card-locality {
    font-size: 18px;
  }
  .project-example-card-cta {
    font-size: 16px;
  }
  .project-card-upper-tag {
    font-size: 16px;
  }
  .project-card-title {
    font-size: 32px;
  }
  .project-card-text {
    font-size: 12px;
  }
  .project-card-lower-tag {
    font-size: 14px;
  }
  .blog-card-upper-tag {
    font-size: 12px;
  }
  .blog-card-title {
    font-size: 18px;
  }
  .blog-card-text {
    font-size: 10px;
  }
  .menu-list {
    gap: 16px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 56px;
  }
  .menu-list .menu-list-item .menu-link:before {
    bottom: 8px;
  }
}
@media screen and (max-width: 530PX) {
  .title.title-primary-hero {
    font-size: 56px;
    line-height: 100%;
  }
}
@media screen and (max-width: 500PX) {
  .title.title-primary-hero {
    font-size: 56px;
    line-height: 100%;
  }
}
@media screen and (max-width: 430px) {
  .title {
    font-size: 40px;
  }
  .title.title-primary-hero {
    font-size: 40px;
    line-height: 100%;
  }
  .title.title-secondary-hero {
    font-size: 40px;
  }
  .title.title-secondary-hero.title-secondary-hero-blog {
    font-size: 40px;
  }
  .title.title-landing {
    font-size: 40px;
  }
  .title.title-blog-post {
    font-size: 32px;
  }
  .title.title-fragment {
    margin: 0 0 80px;
    font-size: 24px;
  }
  .title.title-subtitle {
    margin: 0 0 32px;
    font-size: 18px;
  }
  .bcp-hero-tag {
    font-size: 16px;
    margin-bottom: 72px;
  }
  .pcp-hero-upper-tag {
    font-size: 14px;
  }
  .pcp-hero-title {
    font-size: 24px;
  }
  .pcp-hero-lower-tag {
    font-size: 10px;
    padding: 4px 12px;
  }
  .landing-hero-content-title {
    font-size: 56px;
  }
  .footer-list .footer-list-header::before {
    right: 0px;
    width: 0px;
  }
  .text-section {
    font-size: 16px;
  }
  .text-section-list-header {
    font-size: 16px;
  }
  .text-section-list-body {
    font-size: 16px;
  }
  .text-contact-intro {
    font-size: 12px;
  }
  .text-primary-hero {
    font-size: 14px;
  }
  .project-example-card-name {
    font-size: 24px;
  }
  .project-example-card-locality {
    font-size: 16px;
  }
  .project-example-card-cta {
    font-size: 16px;
    text-align: left;
  }
  .project-card-upper-tag {
    font-size: 14px;
  }
  .project-card-title {
    font-size: 24px;
  }
  .project-card-text {
    display: none;
  }
  .project-card-lower-tag {
    font-size: 12px;
  }
  .blog-card-upper-tag {
    font-size: 12px;
  }
  .blog-card-title {
    font-size: 16px;
  }
  .blog-card-text {
    display: none;
  }
  .menu-list {
    gap: 8px;
  }
  .menu-list .menu-list-item .menu-link {
    font-size: 40px;
  }
}
.navbar-cnt {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  background: #FFFFFF;
  transition: transform 0.4s cubic-bezier(0.45, 0.055, 0.07, 0.995), background 0.4s cubic-bezier(0.45, 0.055, 0.07, 0.995);
}
.navbar-cnt .navbar {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 64px;
  margin: 0 auto;
  height: 120px;
  max-width: 1920px;
}
.navbar-cnt .navbar .svg-iroko-logo {
  padding-top: 8px;
}
.navbar-cnt .navbar-iroko-icon-cnt {
  display: block;
  width: 128px;
}
.navbar-cnt .navbar-iroko-icon-cnt .navbar-iroko-icon {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.navbar-cnt .navbar-links-list {
  display: flex;
  gap: 80px;
  transition: opacity 0.2s ease-in-out;
}
.navbar-cnt .navbar-links-list-item {
  position: relative;
}
.navbar-cnt .navbar-links-list-item:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: #6F5D51;
  transition: width 0.8s ease-out;
}
.navbar-cnt .navbar-links-list-item:hover:before {
  width: 100%;
}
.navbar-cnt .navbar-toggle-svg-cnt {
  display: flex;
  align-items: center;
  height: 100%;
  cursor: pointer;
}
.navbar-cnt .navbar-toggle-svg-cnt * {
  pointer-events: none;
}
.navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn {
  width: 40px;
}
.navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span {
  position: relative;
  left: -10px;
  display: block;
  height: 2px;
  background: #6F5D51;
  transition: 0.2s cubic-bezier(1, 0.3, 0, 0.3);
}
.navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span::before {
  content: "";
  position: absolute;
  top: -250%;
  left: 10px;
  display: block;
  width: 100%;
  height: 2px;
  background: #6F5D51;
  transition: 0.2s cubic-bezier(1, 0.3, 0, 0.3);
}
.navbar-cnt .navbar-toggle-svg-cnt .navbar-toggle-btn span::after {
  content: "";
  position: absolute;
  display: block;
  right: -5px;
  bottom: -250%;
  width: 100%;
  height: 2px;
  background: #6F5D51;
  transition: 0.2s cubic-bezier(1, 0.3, 0, 0.3);
}
.navbar-cnt .navbar-toggle-svg-cnt:hover .navbar-toggle-btn span {
  left: 0 !important;
  transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition-delay: 0.1s;
}
.navbar-cnt .navbar-toggle-svg-cnt:hover .navbar-toggle-btn span::before {
  left: 0;
  transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition-delay: 0.2s;
}
.navbar-cnt .navbar-toggle-svg-cnt:hover .navbar-toggle-btn span::after {
  right: 0;
  transition: 0.3s cubic-bezier(0.46, 0.03, 0.52, 0.96);
  transition-delay: 0s;
}

@media screen and (max-width: 1440PX) {
  .navbar-cnt .navbar-links-list {
    gap: 40px;
  }
}
@media screen and (max-width: 1024PX) {
  .navbar-cnt .navbar {
    padding: 0 64px;
  }
  .navbar-cnt .navbar-iroko-icon-cnt {
    width: 100px;
  }
  .navbar-cnt .navbar-links-list {
    display: none;
  }
}
@media screen and (max-width: 768PX) {
  .navbar-cnt .navbar {
    padding: 0 40px;
  }
  .navbar-cnt .navbar-iroko-icon-cnt {
    width: 100px;
  }
}
@media screen and (max-width: 430px) {
  .navbar-cnt .navbar {
    padding: 0 20px;
    height: 56px;
  }
  .navbar-cnt .navbar-iroko-icon-cnt {
    width: 84px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* FONTS */
.menu-content-cnt {
  position: fixed;
  inset: 0 0 0 0;
  transition: transform 1s cubic-bezier(0.45, 0.055, 0.07, 0.995);
  background-color: #FFFFFF;
}
.menu-content-cnt .menu-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 120px 0 0;
  margin: 0 auto;
  height: 100%;
  max-width: 1920px;
}
.menu-content-cnt .menu-content-body {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 64px 60px;
  height: 100%;
}
.menu-content-cnt .menu-list {
  width: 590px;
}
.menu-content-cnt .menu-pictures {
  display: flex;
  gap: 20px;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 890px;
}
.menu-content-cnt .menu-img-cnt {
  flex-grow: 1;
  flex-basis: 0;
  aspect-ratio: 1/1;
}
.menu-content-cnt .menu-content-footer {
  padding-bottom: 56px;
}
.menu-content-cnt .menu-svg-cnt {
  margin-bottom: 40px;
}
.menu-content-cnt .menu-contact-info {
  display: flex;
  justify-content: space-between;
  align-items: center;
  padding: 0 60px;
}
.menu-content-cnt .contact-info-item:nth-child(1) {
  display: flex;
  justify-content: space-between;
  gap: 6px;
  flex-wrap: wrap;
  width: calc(50% + 60px);
}
.menu-content-cnt .contact-info-item:nth-child(2) {
  flex-grow: 1;
  flex-basis: 0;
  text-align: right;
}
.menu-content-cnt .contact-info-phone {
  width: 120px;
  text-align: center;
}
.menu-content-cnt .contact-info-rrss-list-cnt {
  display: flex;
  justify-content: right;
  gap: 20px;
}
.menu-content-cnt .rrss-icon-instagram {
  font-size: 25px;
}
.menu-content-cnt .rrss-icon-facebook {
  font-size: 24px;
}

@media screen and (max-width: 1440PX) {
  .menu-content-cnt .menu-content {
    padding: 120px 0 0;
  }
  .menu-content-cnt .menu-content-body {
    padding: 40px 60px;
  }
  .menu-content-cnt .menu-list {
    width: 520px;
  }
  .menu-content-cnt .menu-pictures {
    max-width: 660px;
  }
  .menu-content-cnt .menu-content-footer {
    padding-bottom: 40px;
  }
  .menu-content-cnt .menu-svg-cnt {
    margin-bottom: 32px;
  }
}
@media screen and (max-width: 1024PX) {
  .menu-content-cnt .menu-content {
    padding: 120px 0 0;
  }
  .menu-content-cnt .menu-content-body {
    align-items: stretch;
    padding: 24px 60px;
  }
  .menu-content-cnt .menu-pictures {
    flex-direction: column;
    align-items: end;
    gap: 10px;
  }
  .menu-content-cnt .menu-pictures .menu-img-cnt {
    flex-grow: unset;
    flex-basis: unset;
    width: 200px;
  }
  .menu-content-cnt .menu-content-footer {
    padding-bottom: 32px;
  }
  .menu-content-cnt .menu-svg-cnt {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768PX) {
  .menu-content-cnt .menu-content {
    padding: 120px 0 0;
  }
  .menu-content-cnt .menu-content-body {
    flex-direction: column;
    justify-content: center;
    gap: 40px;
    padding: 4px 40px;
  }
  .menu-content-cnt .menu-list {
    width: 100%;
  }
  .menu-content-cnt .menu-pictures {
    flex: unset;
    flex-direction: row;
    max-width: 100%;
  }
  .menu-content-cnt .menu-pictures .menu-img-cnt {
    flex-grow: 1;
    flex-basis: 0;
    width: auto;
  }
  .menu-content-cnt .menu-content-footer {
    padding-bottom: 40px;
  }
  .menu-content-cnt .menu-svg-cnt {
    margin-bottom: 32px;
  }
  .menu-content-cnt .menu-contact-info {
    padding: 0 40px;
  }
}
@media screen and (max-width: 550px) {
  .menu-content-cnt .contact-info-phone {
    text-align: left;
  }
}
@media screen and (max-width: 430px) {
  .menu-content-cnt .menu-content {
    padding: 56px 0 0;
  }
  .menu-content-cnt .menu-content-body {
    gap: 32px;
    padding: 0 20px;
  }
  .menu-content-cnt .menu-pictures {
    gap: 5px;
    max-width: 100%;
  }
  .menu-content-cnt .menu-content-footer {
    padding-bottom: 32px;
  }
  .menu-content-cnt .menu-svg-cnt {
    margin-bottom: 24px;
  }
  .menu-content-cnt .menu-contact-info {
    padding: 0 20px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.projects-row {
  display: flex;
  flex-wrap: wrap;
  width: 100%;
}

.project-card-cnt .project-image-cnt {
  aspect-ratio: 1/1;
}
.project-card-cnt .project-image-cnt .project-image {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.project-card-cnt .project-info-cnt {
  display: flex;
}
.project-card-cnt .project-info-cnt .project-info {
  padding: 32px 8px 20px;
  width: 288px;
}
.project-card-cnt .project-info-cnt .project-info .project-info-item {
  margin-bottom: 20px;
}
.project-card-cnt .project-info-cnt .project-info .project-info-item:last-child {
  margin-bottom: 96px;
}
.project-card-cnt.project-card-cnt-1 {
  padding: 0 0 0 0;
  width: 46%;
}
.project-card-cnt.project-card-cnt-1 .project-info-cnt {
  justify-content: right;
}
.project-card-cnt.project-card-cnt-1 .project-info-cnt .project-info {
  margin: 0 64px 0 0;
}
.project-card-cnt.project-card-cnt-2 {
  padding: 0 0 0 20px;
  width: 27%;
}
.project-card-cnt.project-card-cnt-3 {
  padding: 0 0 0 20px;
  width: 27%;
}
.project-card-cnt.project-card-cnt-4 {
  padding: 0 20px 0 0;
  width: 27%;
}
.project-card-cnt.project-card-cnt-5 {
  padding: 0 20px 0 0;
  width: 27%;
}
.project-card-cnt.project-card-cnt-6 {
  padding: 0 0 0 0;
  width: 46%;
}

@media screen and (max-width: 1440PX) {
  .project-card-cnt .project-info-cnt .project-info {
    padding: 24px 8px 16px;
    width: 240px;
  }
  .project-card-cnt .project-info-cnt .project-info .project-info-item {
    margin-bottom: 8px;
  }
  .project-card-cnt.project-card-cnt-1 {
    padding: 0 0 0 0;
    width: 46%;
  }
  .project-card-cnt.project-card-cnt-2 {
    padding: 0 0 0 16px;
    width: 27%;
  }
  .project-card-cnt.project-card-cnt-3 {
    padding: 0 0 0 16px;
    width: 27%;
  }
  .project-card-cnt.project-card-cnt-4 {
    padding: 0 16px 0 0;
    width: 27%;
  }
  .project-card-cnt.project-card-cnt-5 {
    padding: 0 16px 0 0;
    width: 27%;
  }
  .project-card-cnt.project-card-cnt-6 {
    padding: 0 0 0 0;
    width: 46%;
  }
}
@media screen and (max-width: 768PX) {
  .project-card-cnt .project-info-cnt .project-info {
    padding: 24px 8px 16px;
    width: 240px;
  }
  .project-card-cnt .project-info-cnt .project-info .project-info-item {
    margin-bottom: 16px;
  }
  .project-card-cnt .project-info-cnt .project-info .project-info-item:last-child {
    margin-bottom: 80px;
  }
  .project-card-cnt.project-card-cnt-1 {
    padding: 0 0 0 0;
    width: 100%;
  }
  .project-card-cnt.project-card-cnt-2 {
    padding: 0 8px 0 0;
    width: 50%;
  }
  .project-card-cnt.project-card-cnt-3 {
    padding: 0 0 0 8px;
    width: 50%;
  }
  .project-card-cnt.project-card-cnt-4 {
    padding: 0 8px 0 0;
    width: 50%;
  }
  .project-card-cnt.project-card-cnt-5 {
    padding: 0 0 0 8px;
    width: 50%;
  }
  .project-card-cnt.project-card-cnt-6 {
    padding: 0 0 0 0;
    width: 100%;
  }
}
@media screen and (max-width: 430px) {
  .projects-row {
    flex-direction: column;
  }
  .project-card-cnt .project-info-cnt .project-info {
    padding: 16px 8px 0 12px;
    width: 160px;
  }
  .project-card-cnt .project-info-cnt .project-info .project-info-item {
    margin-bottom: 8px;
  }
  .project-card-cnt .project-info-cnt .project-info .project-info-item:last-child {
    margin-bottom: 128px;
  }
  .project-card-cnt.project-card-cnt-1 {
    padding: 0 0 0 0;
    width: 100%;
  }
  .project-card-cnt.project-card-cnt-2 {
    padding: 0 0 0 0;
    width: 240px;
  }
  .project-card-cnt.project-card-cnt-3 {
    padding: 0 0 0 0;
    width: 240px;
  }
  .project-card-cnt.project-card-cnt-4 {
    padding: 0 0 0 0;
    width: 240px;
  }
  .project-card-cnt.project-card-cnt-5 {
    padding: 0 0 0 0;
    width: 240px;
  }
  .project-card-cnt.project-card-cnt-6 {
    padding: 0 0 0 0;
    width: 100%;
  }
}
.project-example-card {
  width: 100%;
}
.project-example-card .project-example-card-image-cnt {
  aspect-ratio: 1/1;
}
.project-example-card .project-example-card-info {
  padding: 30px 0 20px;
  display: flex;
  flex-wrap: wrap;
  gap: 20px;
  max-width: 308px;
}
.project-example-card.project-example-card-show-more {
  display: flex;
  justify-content: right;
  align-items: center;
}
.project-example-card.project-example-card-show-more .project-example-card-show-more-content {
  display: flex;
  flex-wrap: wrap;
  justify-content: end;
  gap: 54px;
  max-width: 308px;
}

@media screen and (max-width: 430px) {
  .project-example-card {
    max-width: 240px;
  }
  .project-example-card.project-example-card-show-more {
    margin-top: 30px;
  }
  .project-example-card.project-example-card-show-more .project-example-card-show-more-content {
    justify-content: start;
    gap: 20px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
/* PROJECTS MAP BAR */
/* Variables */
/* Styles */
.projects-map-cnt > .inner {
  display: flex;
  gap: 8%;
}
.projects-map-cnt .map {
  position: relative;
  width: 62%;
  height: 690px;
  background: lightgrey;
}
.projects-map-cnt .filter-layout {
  position: absolute;
  inset: 0 0 0 0;
  mix-blend-mode: hue;
  background-color: #F29B4F;
  pointer-events: none;
}
.projects-map-cnt .projects-map-list {
  display: flex;
  flex-direction: column;
  gap: 32px;
  text-transform: uppercase;
}
.projects-map-cnt .projects-maps-list-item {
  font-size: 18px;
  font-weight: 400;
}
.projects-map-cnt .projects-maps-list-item-header {
  position: relative;
  color: #6F5D51;
}
.projects-map-cnt .projects-maps-list-item-header:before {
  content: " ";
  position: absolute;
  left: 0;
  bottom: 0;
  height: 1px;
  width: 0;
  background-color: rgba(0, 0, 0, 0.5);
  transition: width 0.8s ease-out;
}
.projects-map-cnt .projects-maps-list-item-header:hover:before {
  width: 100%;
}
.projects-map-cnt .projects-maps-list-item-body, .projects-map-cnt h3 {
  display: inline;
  font-size: 18px;
  font-weight: 400;
  color: rgba(0, 0, 0, 0.5);
}
.projects-map-cnt iframe:focus {
  outline: none;
}

@media screen and (max-width: 1440PX) {
  .projects-map-cnt .map {
    height: 540px;
  }
  .projects-map-cnt .projects-map-list {
    gap: 24px;
  }
  .projects-map-cnt .projects-maps-list-item {
    font-size: 16px;
  }
  .projects-map-cnt .projects-maps-list-item-body, .projects-map-cnt h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 1024PX) {
  .projects-map-cnt .map {
    height: 490px;
  }
  .projects-map-cnt .projects-map-list {
    gap: 20px;
  }
  .projects-map-cnt .projects-maps-list-item {
    font-size: 14px;
  }
  .projects-map-cnt .projects-maps-list-item-body, .projects-map-cnt h3 {
    font-size: 14px;
  }
}
@media screen and (max-width: 768PX) {
  .projects-map-cnt > .inner {
    flex-direction: column;
    gap: 64px;
  }
  .projects-map-cnt .map {
    width: 100%;
    height: 540px;
  }
  .projects-map-cnt .projects-map-list {
    gap: 24px;
  }
  .projects-map-cnt .projects-maps-list-item {
    font-size: 16px;
  }
  .projects-map-cnt .projects-maps-list-item-body, .projects-map-cnt h3 {
    font-size: 16px;
  }
}
@media screen and (max-width: 430px) {
  .projects-map-cnt > .inner {
    gap: 56px;
  }
  .projects-map-cnt .map {
    height: 490px;
  }
  .projects-map-cnt .projects-map-list {
    gap: 20px;
  }
  .projects-map-cnt .projects-maps-list-item {
    font-size: 14px;
  }
  .projects-map-cnt .projects-maps-list-item-body, .projects-map-cnt h3 {
    font-size: 14px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* RRSS ICONS BAR */
/* Variables */
/* Styles */
.rrss-icons-bar {
  display: flex;
  align-items: center;
}
.rrss-icons-bar .separator {
  margin: 0 24px;
  height: 1px;
  width: 64px;
  background-color: #F29B4F;
}
.rrss-icons-bar .rrss-icons {
  display: flex;
  gap: 12px;
}
.rrss-icons-bar .rrss-icon-cnt {
  height: 40px;
  width: 40px;
}

.title-rrss-icons-bar-cnt {
  display: flex;
  align-items: center;
  justify-content: left;
}

.rrss-icons-bar.rrss-icons-bar-hero .rrss-icons {
  gap: 0;
}
.rrss-icons-bar.rrss-icons-bar-hero .rrss-icon-cnt {
  height: 32px;
  width: 32px;
}
.rrss-icons-bar.rrss-icons-bar-hero .separator {
  margin: 0 12px;
  width: 32px;
  background-color: #FFFFFF;
}

@media screen and (max-width: 1440PX) {
  .rrss-icons-bar .separator {
    margin: 0 16px;
    width: 56px;
  }
  .rrss-icons-bar .rrss-icons {
    gap: 12px;
  }
  .rrss-icons-bar .rrss-icon-cnt {
    height: 32px;
    width: 32px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .rrss-icon-cnt {
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 1024PX) {
  .rrss-icons-bar .separator {
    margin: 0 8px;
    width: 32px;
  }
  .rrss-icons-bar .rrss-icons {
    gap: 4px;
  }
  .rrss-icons-bar .rrss-icon-cnt {
    height: 32px;
    width: 32px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .separator {
    width: 32px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .rrss-icon-cnt {
    height: 32px;
    width: 32px;
  }
}
@media screen and (max-width: 768PX) {
  .rrss-icons-bar .separator {
    margin: 0 12px;
    width: 40px;
  }
  .rrss-icons-bar .rrss-icons {
    gap: 8px;
  }
  .rrss-icons-bar .rrss-icon-cnt {
    height: 32px;
    width: 32px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .separator {
    width: 24px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .rrss-icon-cnt {
    height: 24px;
    width: 24px;
  }
}
@media screen and (max-width: 500px) {
  .rrss-icons-bar .separator {
    margin: 0 4px;
    width: 32px;
  }
  .rrss-icons-bar .rrss-icons {
    gap: 4px;
  }
  .rrss-icons-bar .rrss-icon-cnt {
    height: 32px;
    width: 32px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .separator {
    width: 22px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .rrss-icon-cnt {
    height: 22px;
    width: 22px;
  }
}
@media screen and (max-width: 430px) {
  .rrss-icons-bar .separator {
    margin: 0 8px;
    width: 32px;
  }
  .rrss-icons-bar .rrss-icons {
    gap: 4px;
  }
  .rrss-icons-bar .rrss-icon-cnt {
    height: 24px;
    width: 24px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .separator {
    width: 24px;
  }
  .rrss-icons-bar.rrss-icons-bar-hero .rrss-icon-cnt {
    height: 24px;
    width: 24px;
  }
}
/* SPACINGS */
.separator-1 {
  padding: 160px 0;
}
.separator-1 .separator-1-img-cnt {
  width: 100%;
  height: 448px;
}
.separator-1 .separator-1-img-cnt .separator-1-img-item {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
}

@media screen and (max-width: 1440PX) {
  .separator-1 {
    padding: 128px 0;
  }
  .separator-1 .separator-1-img-cnt {
    height: 320px;
  }
}
@media screen and (max-width: 1024PX) {
  .separator-1 {
    padding: 96px 0;
  }
  .separator-1 .separator-1-img-cnt {
    height: 160px;
  }
}
@media screen and (max-width: 768PX) {
  .separator-1 {
    padding: 80px 0;
  }
  .separator-1 .separator-1-img-cnt {
    height: 128px;
  }
}
@media screen and (max-width: 430px) {
  .separator-1 {
    padding: 56px 0;
  }
  .separator-1 .separator-1-img-cnt {
    height: 128px;
  }
}
/* SPACINGS */
.separator-2 {
  padding: 96px 0;
}
.separator-2 .separator-2-svg-cnt {
  width: 100%;
}

.separator-2-svg-item {
  stroke-dashoffset: 2399.0100097656px;
  stroke-dasharray: 2399.0100097656px;
  -webkit-transition: stroke-dashoffset 3s ease-in-out 0.2s;
  transition: stroke-dashoffset 3s ease-in-out 0.2s;
}
.separator-2-svg-item.active {
  stroke-dashoffset: 4798.0200195313px;
}

@media screen and (max-width: 1440PX) {
  .separator-2 {
    padding: 80px 0;
  }
}
@media screen and (max-width: 1024PX) {
  .separator-2 {
    padding: 72px 0;
  }
  .separator-2 .separator-2-svg-cnt {
    overflow: hidden;
  }
  .separator-2-svg-item {
    width: 300%;
    margin-left: -900px;
  }
  .separator-2-svg-item path {
    stroke-width: 2px;
  }
}
@media screen and (max-width: 768PX) {
  .separator-2 {
    padding: 72px 0;
  }
  .separator-2-svg-item {
    margin-left: -300px;
  }
}
@media screen and (max-width: 430px) {
  .separator-2 {
    padding: 64px 0;
  }
  .separator-2-svg-item {
    margin-left: 0;
  }
  .separator-2-svg-item path {
    stroke-width: 3px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SVG IROKO TREE */
.svg-iroko-tree {
  display: block;
  height: 100%;
}
.svg-iroko-tree.active .svg-elem-1, .svg-iroko-tree.active .svg-elem-2, .svg-iroko-tree.active .svg-elem-3, .svg-iroko-tree.active .svg-elem-4, .svg-iroko-tree.active .svg-elem-5, .svg-iroko-tree.active .svg-elem-6, .svg-iroko-tree.active .svg-elem-7, .svg-iroko-tree.active .svg-elem-8, .svg-iroko-tree.active .svg-elem-9, .svg-iroko-tree.active .svg-elem-10, .svg-iroko-tree.active .svg-elem-11, .svg-iroko-tree.active .svg-elem-12, .svg-iroko-tree.active .svg-elem-13, .svg-iroko-tree.active .svg-elem-14, .svg-iroko-tree.active .svg-elem-15, .svg-iroko-tree.active .svg-elem-16, .svg-iroko-tree.active .svg-elem-17, .svg-iroko-tree.active .svg-elem-18, .svg-iroko-tree.active .svg-elem-19, .svg-iroko-tree.active .svg-elem-20, .svg-iroko-tree.active .svg-elem-21, .svg-iroko-tree.active .svg-elem-22, .svg-iroko-tree.active .svg-elem-23, .svg-iroko-tree.active .svg-elem-24, .svg-iroko-tree.active .svg-elem-25 {
  stroke-dashoffset: 0;
}
.svg-iroko-tree .svg-elem-1 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 1282.6838378906px;
  stroke-dasharray: 1282.6838378906px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0s;
  transition: stroke-dashoffset 2.5s ease-out 0s;
}
.svg-iroko-tree .svg-elem-2 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 205.145904541px;
  stroke-dasharray: 205.145904541px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.12s;
  transition: stroke-dashoffset 2.5s ease-out 0.12s;
}
.svg-iroko-tree .svg-elem-3 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 101.6585083008px;
  stroke-dasharray: 101.6585083008px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.24s;
  transition: stroke-dashoffset 2.5s ease-out 0.24s;
}
.svg-iroko-tree .svg-elem-4 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 558.4290771484px;
  stroke-dasharray: 558.4290771484px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.36s;
  transition: stroke-dashoffset 2.5s ease-out 0.36s;
}
.svg-iroko-tree .svg-elem-5 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 53.0374679565px;
  stroke-dasharray: 53.0374679565px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.48s;
  transition: stroke-dashoffset 2.5s ease-out 0.48s;
}
.svg-iroko-tree .svg-elem-6 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 822.6944580078px;
  stroke-dasharray: 822.6944580078px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.6s;
  transition: stroke-dashoffset 2.5s ease-out 0.6s;
}
.svg-iroko-tree .svg-elem-7 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 733.1055297852px;
  stroke-dasharray: 733.1055297852px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.72s;
  transition: stroke-dashoffset 2.5s ease-out 0.72s;
}
.svg-iroko-tree .svg-elem-8 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 375.7265625px;
  stroke-dasharray: 375.7265625px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.84s;
  transition: stroke-dashoffset 2.5s ease-out 0.84s;
}
.svg-iroko-tree .svg-elem-9 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 48.0068321228px;
  stroke-dasharray: 48.0068321228px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 0.96s;
  transition: stroke-dashoffset 2.5s ease-out 0.96s;
}
.svg-iroko-tree .svg-elem-10 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 284.162689209px;
  stroke-dasharray: 284.162689209px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.08s;
  transition: stroke-dashoffset 2.5s ease-out 1.08s;
}
.svg-iroko-tree .svg-elem-11 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 199.5894775391px;
  stroke-dasharray: 199.5894775391px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.2s;
  transition: stroke-dashoffset 2.5s ease-out 1.2s;
}
.svg-iroko-tree .svg-elem-12 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 197.9228057861px;
  stroke-dasharray: 197.9228057861px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.32s;
  transition: stroke-dashoffset 2.5s ease-out 1.32s;
}
.svg-iroko-tree .svg-elem-13 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 242.1003265381px;
  stroke-dasharray: 242.1003265381px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.44s;
  transition: stroke-dashoffset 2.5s ease-out 1.44s;
}
.svg-iroko-tree .svg-elem-14 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 164.1772155762px;
  stroke-dasharray: 164.1772155762px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.56s;
  transition: stroke-dashoffset 2.5s ease-out 1.56s;
}
.svg-iroko-tree .svg-elem-15 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 714.5372924805px;
  stroke-dasharray: 714.5372924805px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.68s;
  transition: stroke-dashoffset 2.5s ease-out 1.68s;
}
.svg-iroko-tree .svg-elem-16 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 1101.2628173828px;
  stroke-dasharray: 1101.2628173828px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.8s;
  transition: stroke-dashoffset 2.5s ease-out 1.8s;
}
.svg-iroko-tree .svg-elem-17 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 699.4295654297px;
  stroke-dasharray: 699.4295654297px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 1.92s;
  transition: stroke-dashoffset 2.5s ease-out 1.92s;
}
.svg-iroko-tree .svg-elem-18 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 330.4975280762px;
  stroke-dasharray: 330.4975280762px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.04s;
  transition: stroke-dashoffset 2.5s ease-out 2.04s;
}
.svg-iroko-tree .svg-elem-19 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 280.6573486328px;
  stroke-dasharray: 280.6573486328px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.16s;
  transition: stroke-dashoffset 2.5s ease-out 2.16s;
}
.svg-iroko-tree .svg-elem-20 {
  stroke: #000000;
  stroke-opacity: 0.3;
  stroke-dashoffset: 173.7010955811px;
  stroke-dasharray: 173.7010955811px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.28s;
  transition: stroke-dashoffset 2.5s ease-out 2.28s;
}
.svg-iroko-tree .svg-elem-21 {
  stroke: #000000;
  stroke-opacity: 0.1;
  stroke-dashoffset: 1633.2800292969px;
  stroke-dasharray: 1633.2800292969px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.4s;
  transition: stroke-dashoffset 2.5s ease-out 2.4s;
}
.svg-iroko-tree .svg-elem-22 {
  stroke: #000000;
  stroke-opacity: 0.1;
  stroke-dashoffset: 2103.5415039063px;
  stroke-dasharray: 2103.5415039063px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.52s;
  transition: stroke-dashoffset 2.5s ease-out 2.52s;
}
.svg-iroko-tree .svg-elem-23 {
  stroke: #000000;
  stroke-opacity: 0.1;
  stroke-dashoffset: 774.5393676758px;
  stroke-dasharray: 774.5393676758px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.64s;
  transition: stroke-dashoffset 2.5s ease-out 2.64s;
}
.svg-iroko-tree .svg-elem-24 {
  stroke: #000000;
  stroke-opacity: 0.1;
  stroke-dashoffset: 676.9227905273px;
  stroke-dasharray: 676.9227905273px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.76s;
  transition: stroke-dashoffset 2.5s ease-out 2.76s;
}
.svg-iroko-tree .svg-elem-25 {
  stroke: #000000;
  stroke-opacity: 0.1;
  stroke-dashoffset: 614.8834838867px;
  stroke-dasharray: 614.8834838867px;
  -webkit-transition: stroke-dashoffset 2.5s ease-out 2.88s;
  transition: stroke-dashoffset 2.5s ease-out 2.88s;
}

/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* FONTS */
/* ABOUT US SECTION */
.about-us-hero {
  padding: 128px 60px 64px;
  height: 100vh;
  display: flex;
  flex-direction: column;
}
.about-us-hero .about-us-hero-img-cnt {
  flex-grow: 1;
}
.about-us-hero .about-us-hero-img-cnt .about-us-hero-img {
  object-position: 80% center;
}

@media screen and (max-width: 1024PX) {
  .about-us-hero {
    padding: 128px 60px 0;
  }
  .about-us-hero .about-us-hero-header-title .about-us-hero-header-title-fragment {
    line-height: 64px;
    display: block;
  }
}
@media screen and (max-width: 768PX) {
  .about-us-hero {
    padding: 128px 40px 0;
  }
  .about-us-hero .about-us-hero-header-title {
    margin: 80px 0 80px;
  }
}
@media screen and (max-width: 430px) {
  .about-us-hero {
    padding: 64px 20px 72px;
  }
  .about-us-hero .about-us-hero-header-title {
    margin: 96px 0 40px;
  }
  .about-us-hero .about-us-hero-header-title .about-us-hero-header-title-fragment {
    line-height: 40px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
/* ABOUT US SECTION */
.about-us-history {
  padding: 96px 0 128px;
}
.about-us-history .about-us-history-header {
  padding: 0 60px;
}
.about-us-history .about-us-history-body {
  display: flex;
  justify-content: space-between;
  align-items: end;
  gap: 128px;
}
.about-us-history .about-us-history-text-cnt {
  display: flex;
  gap: 64px;
  padding: 0 0 0 60px;
}
.about-us-history .about-us-history-text-cnt .about-us-history-text {
  display: inline-block;
  width: 320px;
}
.about-us-history .about-us-history-svg-cnt {
  flex: 1;
  overflow: hidden;
}
.about-us-history .about-us-history-svg-cnt svg {
  position: relative;
  width: 1050px;
}

@media screen and (max-width: 1440PX) {
  .about-us-history .about-us-history-body {
    gap: 96px;
  }
  .about-us-history .about-us-history-text-cnt {
    flex-direction: column;
  }
  .about-us-history .about-us-history-svg-cnt svg {
    right: 100px;
  }
}
@media screen and (max-width: 1024PX) {
  .about-us-history .about-us-history-body {
    gap: 72px;
  }
  .about-us-history .about-us-history-text-cnt {
    gap: 56px;
    padding: 0 60px;
  }
  .about-us-history .about-us-history-text-cnt .about-us-history-text {
    width: 288px;
    font-size: 16px;
  }
  .about-us-history .about-us-history-svg-cnt {
    overflow: hidden;
  }
  .about-us-history .about-us-history-svg-cnt svg {
    position: relative;
    right: 200px;
    width: 750px;
  }
}
@media screen and (max-width: 768PX) {
  .about-us-history {
    padding-bottom: 0;
  }
  .about-us-history .about-us-history-header {
    padding: 0 40px;
  }
  .about-us-history .about-us-history-header .title {
    margin-bottom: 128px;
  }
  .about-us-history .about-us-history-body {
    flex-direction: column;
    gap: 96px;
  }
  .about-us-history .about-us-history-text-cnt {
    flex-direction: row;
    gap: 56px;
    padding: 0 40px;
  }
  .about-us-history .about-us-history-text-cnt .about-us-history-text {
    flex: 1;
    width: auto;
  }
  .about-us-history .about-us-history-svg-cnt {
    flex: auto;
    width: 100%;
    height: 440px;
  }
  .about-us-history .about-us-history-svg-cnt svg {
    left: 0;
    width: 800px;
  }
}
@media screen and (max-width: 430px) {
  .about-us-history .about-us-history-header {
    padding: 0 20px;
  }
  .about-us-history .about-us-history-header .title {
    margin-bottom: 56px;
  }
  .about-us-history .about-us-history-body {
    align-items: start;
    gap: 32px;
  }
  .about-us-history .about-us-history-text-cnt {
    flex-direction: column;
    gap: 32px;
    padding: 0 20px;
  }
  .about-us-history .about-us-history-text-cnt .about-us-history-text {
    width: 100%;
    max-width: 240px;
  }
  .about-us-history .about-us-history-svg-cnt {
    height: 338px;
  }
  .about-us-history .about-us-history-svg-cnt svg {
    left: -180px;
    width: 650px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* FONTS */
/* ABOUT US MAP */
.about-us-map {
  padding: 96px 60px;
}

@media screen and (max-width: 1440PX) {
  .about-us-map {
    padding: 80px 60px;
  }
}
@media screen and (max-width: 1024PX) {
  .about-us-map {
    padding: 96px 60px;
  }
}
@media screen and (max-width: 768PX) {
  .about-us-map {
    padding: 80px 40px;
  }
}
@media screen and (max-width: 430px) {
  .about-us-map {
    padding: 72px 20px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* FONTS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* BLOG POSTS LIST HERO */
.blog-hero-cnt > .inner {
  display: flex;
  padding: 180px 0 64px;
  height: 100vh;
}
.blog-hero-cnt > .inner .blog-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 0 60px 0 56px;
  flex: 1;
}
.blog-hero-cnt > .inner .blog-hero-content p {
  margin-bottom: 0;
}
.blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-tag {
  margin-bottom: 32px;
  font-size: 24px;
  font-style: italic;
  text-transform: uppercase;
}
.blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-title {
  font-size: 56px;
  font-weight: 400;
  letter-spacing: -0.02em;
  line-height: 100%;
  text-transform: uppercase;
}
.blog-hero-cnt > .inner .blog-hero-image {
  height: 100%;
  width: 60%;
}

@media screen and (max-width: 1440PX) {
  .blog-hero-cnt > .inner {
    padding: 160px 0 64px;
  }
  .blog-hero-cnt > .inner .blog-hero-content {
    padding: 0 60px 0 60px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-tag {
    margin-bottom: 20px;
    font-size: 18px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-title {
    font-size: 40px;
  }
}
@media screen and (max-width: 1024PX) {
  .blog-hero-cnt > .inner {
    padding: 152px 0 56px;
  }
  .blog-hero-cnt > .inner .blog-hero-content {
    padding: 0 60px 0 60px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-tag {
    margin-bottom: 20px;
    font-size: 12px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 768PX) {
  .blog-hero-cnt > .inner {
    flex-direction: column;
    padding: 200px 0 0;
  }
  .blog-hero-cnt > .inner .blog-hero-content {
    padding: 0 40px 40px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-tag {
    margin-bottom: 20px;
    font-size: 16px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-title {
    font-size: 32px;
  }
  .blog-hero-cnt > .inner .blog-hero-image {
    padding: 0 40px 0;
    height: 392px;
    width: 100%;
  }
}
@media screen and (max-width: 430px) {
  .blog-hero-cnt > .inner {
    height: calc(100dvh - 100px);
    padding: 116px 0 0;
  }
  .blog-hero-cnt > .inner .blog-hero-content {
    padding: 0 20px 16px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-tag {
    margin-bottom: 12px;
    font-size: 14px;
  }
  .blog-hero-cnt > .inner .blog-hero-content .blog-hero-content-title {
    font-size: 24px;
  }
  .blog-hero-cnt > .inner .blog-hero-image {
    padding: 0 20px 0;
    height: 288px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.blog-posts-list-cnt > .inner {
  padding: 128px 60px 96px;
}
.blog-posts-list-cnt > .inner .blog-posts-list-header {
  display: flex;
  align-items: baseline;
  gap: 20px;
}
.blog-posts-list-cnt > .inner .blog-posts-list-header h2 {
  flex: 1;
}
.blog-posts-list-cnt > .inner .blog-posts-list-header .input-search {
  width: 432px;
  margin-top: 32px;
}
.blog-posts-list-cnt > .inner .blog-posts-list .blog-posts-list-row {
  display: flex;
  justify-content: space-between;
  gap: 24px;
  margin-bottom: 128px;
  max-width: 1656px;
}
.blog-posts-list-cnt > .inner .blog-posts-list-footer {
  display: flex;
  gap: 10px;
}

@media screen and (max-width: 1440PX) {
  .blog-posts-list-cnt > .inner .blog-posts-list .blog-posts-list-row {
    margin-bottom: 72px;
  }
}
@media screen and (max-width: 1024PX) {
  .blog-posts-list-cnt > .inner {
    padding: 96px 60px;
  }
  .blog-posts-list-cnt > .inner .blog-posts-list .blog-posts-list-row {
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 768PX) {
  .blog-posts-list-cnt > .inner {
    padding: 64px 40px 96px;
  }
  .blog-posts-list-cnt > .inner .blog-posts-list-header .input-search {
    width: 48%;
  }
  .blog-posts-list-cnt > .inner .blog-posts-list .blog-posts-list-row {
    flex-wrap: wrap;
    gap: 64px;
    margin-bottom: 64px;
  }
}
@media screen and (max-width: 430px) {
  .blog-posts-list-cnt > .inner {
    padding: 72px 20px 128px;
  }
  .blog-posts-list-cnt > .inner .blog-posts-list .blog-posts-list-row {
    flex-wrap: wrap;
    gap: 40px;
    margin-bottom: 40px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* FONTS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* BLOG CONCRETE POST HERO */
.bcp-hero-cnt > .inner {
  display: flex;
  flex-direction: column;
  margin-top: 120px;
  padding: 64px 0 32px;
  height: calc(100dvh - 120px);
}
.bcp-hero-cnt > .inner .bcp-hero-image {
  flex-grow: 1;
  flex-basis: 0;
}

@media screen and (max-width: 1024PX) {
  .bcp-hero-cnt > .inner {
    padding: 56px 0 96px;
  }
}
@media screen and (max-width: 768PX) {
  .bcp-hero-cnt > .inner {
    padding: 56px 0 96px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* FONTS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* BLOG CONCRETE POST HERO */
.bcp-content-cnt > .inner {
  padding: 116px 0 168px;
  max-width: 100%;
}
.bcp-content-cnt > .inner .bcp-content-excerpt-cnt {
  margin-bottom: 96px;
}
.bcp-content-cnt > .inner .bcp-content-body-cnt {
  margin-bottom: 96px;
}

/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* Z INDEXES */
/* CONTAINERS */
/* Widths */
/* Heights */
.contact-fragment-cnt {
  display: flex;
  gap: 20px;
  height: 120vh;
}
.contact-fragment-cnt .contact-img-cnt {
  padding-right: 12%;
  height: 100%;
  width: 50%;
}
.contact-fragment-cnt .contact-form-cnt {
  display: flex;
  justify-content: center;
  flex-direction: column;
  padding: 120px 60px 0 0;
  height: 100%;
  max-width: 656px;
}
.contact-fragment-cnt .contact-form-header {
  display: flex;
  align-items: center;
  margin-bottom: 20px;
}
.contact-fragment-cnt .contact-form-header .title {
  font-size: 72px;
  line-height: 90%;
  margin-bottom: 0;
}
.contact-fragment-cnt .contact-form-intro {
  width: 432px;
  margin-bottom: 32px;
}
.contact-fragment-cnt.contact-fragment-cnt--landing-budget {
  margin-bottom: 80px;
}
.contact-fragment-cnt.contact-fragment-cnt--landing-budget .contact-form-cnt {
  padding-top: 0;
}

@media screen and (max-width: 1440PX) {
  .contact-fragment-cnt .contact-form-cnt {
    max-width: 480px;
    padding: 120px 60px 0 0;
  }
  .contact-fragment-cnt .contact-form-header .title {
    font-size: 56px;
  }
}
@media screen and (max-width: 1024PX) {
  .contact-fragment-cnt {
    height: 100vh;
  }
  .contact-fragment-cnt .contact-form-cnt {
    max-width: 432px;
    padding: 120px 60px 0 0;
  }
  .contact-fragment-cnt .contact-form-header .title {
    font-size: 56px;
  }
  .contact-fragment-cnt .contact-form-intro {
    width: 240px;
  }
  .contact-fragment-cnt.contact-fragment-cnt--landing-budget .contact-form-intro {
    width: 70%;
  }
}
@media screen and (max-width: 768PX) {
  .contact-fragment-cnt {
    flex-direction: column;
    gap: 24px;
    height: 100vh;
  }
  .contact-fragment-cnt .contact-img-cnt {
    padding-right: 0;
    height: 288px;
    width: 100%;
    margin-top: 120px;
  }
  .contact-fragment-cnt .contact-form-cnt {
    padding: 64px 40px;
    margin: 0 auto;
    max-width: 544px;
  }
  .contact-fragment-cnt.contact-fragment-cnt--landing-budget {
    margin-bottom: 80px;
  }
  .contact-fragment-cnt.contact-fragment-cnt--landing-budget .contact-img-cnt {
    margin-top: 0;
  }
}
@media screen and (max-width: 430px) {
  .contact-fragment-cnt {
    height: auto;
    gap: 0;
  }
  .contact-fragment-cnt .contact-img-cnt {
    height: 160px;
    margin-top: 56px;
  }
  .contact-fragment-cnt .contact-form-cnt {
    padding: 64px 20px;
    max-width: 100%;
  }
  .contact-fragment-cnt .contact-form-cnt .contact-form-intro {
    width: 80%;
  }
  .contact-fragment-cnt .contact-form-header {
    margin-bottom: 12px;
  }
  .contact-fragment-cnt .contact-form-header .title {
    font-size: 40px;
  }
  .contact-fragment-cnt .contact-form-intro p {
    font-size: 12px;
    width: 100%;
  }
  .contact-fragment-cnt.contact-fragment-cnt--landing-budget {
    gap: 64px;
    margin-bottom: 72px;
  }
  .contact-fragment-cnt.contact-fragment-cnt--landing-budget .contact-img-cnt {
    margin-top: 0;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.client-reviews > .inner {
  padding: 128px 60px;
}
.client-reviews .client-reviews-footer {
  margin: 96px 0 0;
}

@media screen and (max-width: 768PX) {
  .client-reviews > .inner {
    padding: 128px 40px;
  }
}
@media screen and (max-width: 430px) {
  .client-reviews > .inner {
    padding: 128px 20px;
  }
}
/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* Z INDEXES */
/* CONTAINERS */
/* Widths */
/* Heights */
.home-hero {
  position: relative;
  top: 0;
  left: 0;
  height: 100dvh;
  width: 100%;
  transition: height 0.4s ease-out;
}
.home-hero .home-hero-background {
  position: absolute;
  inset: 0 0 0 0;
}
.home-hero .home-hero-background .hero-background-video {
  position: absolute;
  inset: 0 0 0 0;
}
.home-hero .home-hero-background .hero-background-video > * {
  position: absolute;
  width: 100%;
  height: 100%;
  object-fit: cover;
}
.home-hero .home-hero-background .hero-background-layer {
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.home-hero .home-hero-content {
  position: absolute;
  inset: 0 0 0 0;
  display: flex;
  flex-direction: column;
  gap: 100px;
  justify-content: center;
  padding: 288px 60px;
}
.home-hero .home-hero-content .hero-header-cnt .hero-header {
  display: inline-block;
}
.home-hero .home-hero-content .hero-text-cnt {
  display: flex;
  justify-content: right;
}
.home-hero .home-hero-content .hero-text-cnt .hero-text {
  text-align: right;
  width: 432px;
}
.home-hero .hero-icon-cnt {
  position: absolute;
  bottom: 50px;
  left: calc(50dvw - 8px);
  display: flex;
  justify-content: center;
}
.home-hero .hero-icon-cnt .hero-icon {
  width: 16px;
  height: 16px;
  border-bottom: 1px solid #FFFFFF;
  border-right: 1px solid #FFFFFF;
  animation: fade_move_down 3s cubic-bezier(0.19, 1, 0.22, 1) infinite;
}

@keyframes fade_move_down {
  0% {
    transform: translate(0, -20px) rotate(45deg);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: translate(0, 20px) rotate(45deg);
    opacity: 0;
  }
}
@media screen and (max-width: 1440PX) {
  .home-hero .home-hero-content {
    padding: 192px 60px;
    gap: 100px;
  }
}
@media screen and (max-width: 1024PX) {
  .home-hero .home-hero-content {
    padding: 128px 60px;
    gap: 100px;
  }
}
@media screen and (max-width: 768PX) {
  .home-hero .home-hero-content {
    padding: 192px 40px;
    gap: 100px;
  }
}
@media screen and (max-width: 430px) {
  .home-hero .home-hero-content {
    padding: 128px 20px;
    gap: 100px;
  }
  .home-hero .home-hero-content .hero-text-cnt .hero-text {
    width: 240px;
  }
}
/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* Z INDEXES */
/* CONTAINERS */
/* Widths */
/* Heights */
.home-why-us-cnt > .inner {
  padding: 96px 60px 96px;
}
.home-why-us-cnt .why-us-body-row {
  display: flex;
  gap: 20px;
  margin-bottom: 160px;
}
.home-why-us-cnt .why-us-body-row:last-child {
  margin-bottom: 0;
}
.home-why-us-cnt .why-us-body-row.why-us-body-row-mirror .why-us-img-cnt {
  order: 2;
}
.home-why-us-cnt .why-us-body-row.why-us-body-row-mirror .why-us-content-cnt {
  order: 1;
  justify-content: left;
}
.home-why-us-cnt .why-us-img-cnt {
  width: 50%;
}
.home-why-us-cnt .why-us-content-cnt {
  display: flex;
  flex-wrap: wrap;
  justify-content: right;
  width: 50%;
}
.home-why-us-cnt .why-us-text-body {
  display: flex;
  gap: 40px;
}
.home-why-us-cnt .why-us-text-body-paragraph {
  width: 288px;
}

@media screen and (max-width: 1440PX) {
  .home-why-us-cnt > .inner {
    padding: 96px 60px 96px;
  }
  .home-why-us-cnt .why-us-body-row {
    margin-bottom: 96px;
  }
  .home-why-us-cnt .why-us-text-body {
    gap: 32px;
  }
  .home-why-us-cnt .why-us-text-body-paragraph {
    width: 192px;
  }
}
@media screen and (max-width: 1024PX) {
  .home-why-us-cnt > .inner {
    padding: 96px 60px 64px;
  }
  .home-why-us-cnt .why-us-body-row {
    margin-bottom: 80px;
  }
  .home-why-us-cnt .why-us-text-body {
    gap: 20px;
  }
  .home-why-us-cnt .why-us-text-body-paragraph {
    width: 128px;
  }
}
@media screen and (max-width: 768PX) {
  .home-why-us-cnt > .inner {
    padding: 64px 40px 72px;
  }
  .home-why-us-cnt .why-us-body-row {
    flex-wrap: wrap;
    gap: 72px;
    margin-bottom: 80px;
  }
  .home-why-us-cnt .why-us-body-row.why-us-body-row-mirror .why-us-img-cnt {
    order: unset;
  }
  .home-why-us-cnt .why-us-body-row.why-us-body-row-mirror .why-us-content-cnt {
    order: unset;
  }
  .home-why-us-cnt .why-us-img-cnt {
    width: 100%;
  }
  .home-why-us-cnt .why-us-content-cnt {
    width: 100%;
  }
  .home-why-us-cnt .why-us-content {
    width: 100%;
  }
  .home-why-us-cnt .why-us-text-body {
    justify-content: space-between;
    width: 100%;
  }
  .home-why-us-cnt .why-us-text-body-paragraph {
    width: 288px;
  }
}
@media screen and (max-width: 430px) {
  .home-why-us-cnt > .inner {
    padding: 72px 20px 24px;
  }
  .home-why-us-cnt .why-us-body-row {
    gap: 56px;
    margin-bottom: 56px;
  }
  .home-why-us-cnt .why-us-text-body {
    flex-wrap: wrap;
    gap: 20px;
  }
  .home-why-us-cnt .why-us-text-body-paragraph {
    width: 240px;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
/* LANDING HERO */
.landing-hero-cnt > .inner {
  display: flex;
  align-items: center;
  height: 100dvh;
  gap: 14%;
  padding: 64px 60px;
}
.landing-hero-cnt .landing-hero-image {
  max-width: 45%;
  height: 100%;
  word-break: keep-all;
}
.landing-hero-cnt .landing-hero-title-top {
  display: flex;
  align-items: center;
}
.landing-hero-cnt .landing-hero-title-bottom {
  word-break: keep-all;
}
.landing-hero-cnt .landing-hero-content-title {
  margin-bottom: 32px;
}
.landing-hero-cnt .landing-hero-content-description {
  max-width: 432px;
  margin-bottom: 80px;
  font-weight: 300;
  font-size: 18px;
}
.landing-hero-cnt .landing-svg {
  width: 24px;
  height: 24px;
}
.landing-hero-cnt .landing-svg .landing-svg-path {
  stroke-width: 0.2px;
  fill: #6F5D51;
}
.landing-hero-cnt .default-btn:hover svg path {
  fill: #FFFFFF;
}

@media screen and (max-width: 1024PX) {
  .landing-hero-cnt .landing-hero-content-description {
    font-size: 16px;
  }
}
@media screen and (max-width: 840px) {
  .landing-hero-cnt > .inner {
    padding: 64px 60px;
    flex-direction: column;
    align-items: start;
  }
  .landing-hero-cnt .landing-hero-image {
    max-width: 100%;
    width: 100%;
  }
  .landing-hero-cnt .landing-hero-content-description {
    font-size: 16px;
  }
  .landing-hero-cnt .landing-svg {
    width: 17px;
    height: 17px;
  }
}
@media screen and (max-width: 768PX) {
  .landing-hero-cnt > .inner {
    padding: 64px 40px;
  }
}
@media screen and (max-width: 430px) {
  .landing-hero-cnt > .inner {
    padding: 64px 20px;
  }
  .landing-hero-cnt .landing-hero-content-description {
    font-size: 16px;
  }
  .landing-hero-cnt .landing-svg {
    width: 14px;
    height: 14px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
.services-concept {
  padding: 192px 0 192px;
}
.services-concept .services-concept-body {
  display: flex;
  gap: 20px;
}
.services-concept .services-concept-body .services-concept-img {
  width: 50%;
}
.services-concept .services-concept-body .services-concept-img .services-concept-img-cnt {
  width: 480px;
  height: 568px;
}
.services-concept .services-concept-body .services-concept-content {
  width: 50%;
}
.services-concept .services-concept-body .services-concept-content .services-concept-content-title {
  margin-bottom: 96px;
}
.services-concept .services-concept-body .services-concept-content .services-concept-content-body {
  display: flex;
}
.services-concept .services-concept-body .services-concept-content .services-concept-content-body-paragraph {
  display: block;
  margin-right: 96px;
  width: 36%;
}
.services-concept .services-concept-body .services-concept-content .services-concept-content-body-paragraph:last-child {
  margin-right: 0;
}

@media screen and (max-width: 1440PX) {
  .services-concept {
    padding: 160px 0 160px;
  }
  .services-concept .services-concept-body .services-concept-img .services-concept-img-cnt {
    width: 432px;
    height: 528px;
  }
}
@media screen and (max-width: 1024PX) {
  .services-concept {
    padding: 192px 0 80px;
  }
  .services-concept .services-concept-body {
    padding: 0;
  }
  .services-concept .services-concept-body .services-concept-img .services-concept-img-cnt {
    width: 392px;
    height: 432px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-title {
    margin-bottom: 72px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-body-paragraph {
    font-size: 16px;
    margin-right: 32px;
    width: 36%;
  }
}
@media screen and (max-width: 768PX) {
  .services-concept {
    padding: 160px 0 80px;
  }
  .services-concept .services-concept-body {
    flex-direction: column;
    gap: 160px;
  }
  .services-concept .services-concept-body .services-concept-img .services-concept-img-cnt {
    width: 288px;
    height: 352px;
  }
  .services-concept .services-concept-body .services-concept-content {
    padding: 0 40px;
    width: 100%;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-title {
    margin-bottom: 96px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-body {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 64px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-body-paragraph {
    margin-right: 0;
    width: 288px;
  }
}
@media screen and (max-width: 430px) {
  .services-concept {
    padding: 128px 0 72px;
  }
  .services-concept .services-concept-body {
    gap: 56px;
  }
  .services-concept .services-concept-body .services-concept-img .services-concept-img-cnt {
    width: 288px;
    height: 352px;
  }
  .services-concept .services-concept-body .services-concept-content {
    padding: 0 20px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-title {
    margin-bottom: 24px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-body {
    gap: 24px;
  }
  .services-concept .services-concept-body .services-concept-content .services-concept-content-body-paragraph {
    width: 320px;
  }
}
/* FONTS */
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* Z INDEXES */
/* CONTAINERS */
/* Widths */
/* Heights */
.services-cta > .inner {
  padding: 128px 60px 96px;
}
.services-cta .services-cta-list {
  display: flex;
  gap: 56px;
}
.services-cta .services-cta-list-row {
  display: flex;
  gap: 56px;
  width: 100%;
}
.services-cta .services-cta-list-card {
  position: relative;
  width: 100%;
  height: 704px;
}
.services-cta .services-cta-list-card:hover .services-cta-list-card-background-img {
  transform: scale(1.1);
  -ms-transform: scale(1.1);
}
.services-cta .services-cta-list-card:hover .services-cta-list-card-subtitle {
  opacity: 1;
}
.services-cta .services-cta-list-card .services-cta-list-card-background {
  position: absolute;
  inset: 0 0 0 0;
  overflow: hidden;
}
.services-cta .services-cta-list-card .services-cta-list-card-background .services-cta-list-card-background-img {
  position: absolute;
  inset: 0 0 0 0;
  transition: transform 0.5s ease-in-out;
}
.services-cta .services-cta-list-card .services-cta-list-card-background .services-cta-list-card-background-opacity-layer {
  position: absolute;
  inset: 0 0 0 0;
  background-color: rgba(0, 0, 0, 0.5);
}
.services-cta .services-cta-list-card .services-cta-list-card-content {
  position: absolute;
  height: 100%;
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  padding: 32px 24px 40px;
}
.services-cta .services-cta-list-card .services-cta-list-card-title {
  margin-bottom: 8px;
  color: #FFFFFF;
  font-weight: 400;
  font-size: 40px;
  line-height: auto;
  text-transform: uppercase;
}
.services-cta .services-cta-list-card .services-cta-list-card-subtitle {
  color: #FFFFFF;
  font-weight: 300;
  font-size: 16px;
  opacity: 0;
  text-transform: uppercase;
  transition: opacity 0.5s ease-in-out;
}
.services-cta .services-cta-list-card .services-cta-list-card-description {
  color: #FFFFFF;
  font-weight: 400;
  font-size: 16px;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.services-cta.services-cta-landing > .inner {
  padding: 128px 60px 240px;
}
.services-cta.services-cta-landing .services-cta-list-card {
  height: 352px;
  border: 1px solid #6F5D51;
}
.services-cta.services-cta-landing .services-cta-list-card .services-cta-list-card-content {
  display: flex;
  justify-content: space-between;
}
.services-cta.services-cta-landing .services-cta-list-card .services-cta-list-card-title {
  position: relative;
  padding-top: 24px;
  font-size: 24px;
  color: #6F5D51;
}
.services-cta.services-cta-landing .services-cta-list-card .services-cta-list-card-title::before {
  top: 0;
  left: 0;
  position: absolute;
  content: "";
  width: 64px;
  height: 2px;
  background-color: #6F5D51;
}
.services-cta.services-cta-landing .services-cta-list-card .services-cta-list-card-description {
  max-width: 80%;
  margin: 0;
  color: #000000;
  font-weight: 300;
  opacity: 1;
}

@media screen and (max-width: 1440PX) {
  .services-cta > .inner {
    padding: 96px 60px 96px;
  }
  .services-cta .services-cta-list {
    gap: 56px;
  }
  .services-cta .services-cta-list-row {
    gap: 56px;
  }
  .services-cta .services-cta-list-card {
    height: 528px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-content {
    padding: 32px 24px 40px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-title {
    margin-bottom: 8px;
    font-size: 32px;
    line-height: auto;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-header-subtitle {
    font-size: 16px;
  }
  .services-cta.services-cta-landing .services-cta-list-card {
    height: 432px;
  }
  .services-cta.services-cta-landing .services-cta-list-card .services-cta-list-card-title {
    font-size: 24px;
  }
}
@media screen and (max-width: 1024PX) {
  .services-cta > .inner {
    padding: 96px 60px 96px;
  }
  .services-cta .services-cta-list {
    gap: 32px;
  }
  .services-cta .services-cta-list-row {
    gap: 32px;
  }
  .services-cta .services-cta-list-card {
    height: 352px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-content {
    padding: 16px 16px 20px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-title {
    margin-bottom: 8px;
    font-size: 24px;
    line-height: auto;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-header-subtitle {
    font-size: 12px;
  }
  .services-cta.services-cta-landing > .inner {
    padding: 96px 60px 128px;
  }
}
@media screen and (max-width: 940px) {
  .services-cta > .inner {
    padding: 72px 60px 96px;
  }
  .services-cta .services-cta-list {
    flex-wrap: wrap;
    gap: 40px;
  }
  .services-cta .services-cta-list-row {
    gap: 40px;
  }
  .services-cta .services-cta-list-card {
    height: 568px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-content {
    padding: 24px 20px 32px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-btn-cnt {
    display: none;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-header {
    font-size: 40px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-title {
    margin-bottom: 8px;
    font-size: 40px;
    line-height: auto;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-header-subtitle {
    font-size: 16px;
  }
  .services-cta.services-cta-landing > .inner {
    padding: 72px 60px 96px;
  }
  .services-cta.services-cta-landing .services-cta-list-card {
    height: 288px;
  }
}
@media screen and (max-width: 768PX) {
  .services-cta > .inner {
    padding: 72px 40px 96px;
  }
  .services-cta.services-cta-landing > .inner {
    padding: 72px 40px 96px;
  }
  .services-cta.services-cta-landing .services-cta-list-card {
    height: 320px;
  }
}
@media screen and (max-width: 700px) {
  .services-cta .services-cta-list {
    gap: 20px;
  }
  .services-cta .services-cta-list-row {
    gap: 20px;
  }
  .services-cta .services-cta-list-card {
    height: 288px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-content {
    padding: 12px 12px 16px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-btn-cnt {
    display: none;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-header {
    font-size: 18px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-body .services-cta-list-card-description {
    font-size: 14px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-title {
    margin-bottom: 8px;
    font-size: 18px;
  }
  .services-cta .services-cta-list-card .services-cta-list-card-header-subtitle {
    font-size: 12px;
  }
  .services-cta.services-cta-landing .services-cta-list-card {
    height: 320px;
  }
}
@media screen and (max-width: 430px) {
  .services-cta > .inner {
    padding: 72px 20px 32px;
  }
  .services-cta.services-cta-landing > .inner {
    padding: 72px 20px 56px;
  }
  .services-cta.services-cta-landing .services-cta-list-card {
    height: 392px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.services-hero {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  padding: 200px 0 0;
}
.services-hero .services-hero-header-cnt {
  margin: 0 60px;
}
.services-hero .services-hero-img {
  display: flex;
  justify-content: right;
  flex-grow: 1;
  flex-basis: 0;
}
.services-hero .services-hero-img .services-hero-img-cnt {
  margin: 96px 60px 0;
  width: 1117px;
  height: 662px;
}

@media screen and (max-width: 1440PX) {
  .services-hero {
    padding: 216px 0 0;
  }
  .services-hero .services-hero-img .services-hero-img-cnt {
    margin: 96px 60px 0;
    width: 817px;
    height: 484px;
  }
}
@media screen and (max-width: 1024PX) {
  .services-hero {
    padding: 200px 0 0;
  }
  .services-hero .services-hero-img .services-hero-img-cnt {
    margin: 128px 60px 0;
    width: 617px;
    height: 394px;
  }
}
@media screen and (max-width: 768PX) {
  .services-hero {
    padding: 200px 0 0;
  }
  .services-hero .services-hero-header-cnt {
    margin: 0 40px;
  }
  .services-hero .services-hero-img .services-hero-img-cnt {
    margin: 384px 40px 0;
    width: 555px;
    height: 429px;
  }
}
@media screen and (max-width: 430px) {
  .services-hero {
    padding: 184px 0 0;
  }
  .services-hero .services-hero-header-cnt {
    margin: 0 20px;
  }
  .services-hero .services-hero-img .services-hero-img-cnt {
    margin: 128px 0 0 20px;
    width: 100%;
    height: 300px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.projects-concept {
  padding: 288px 0 240px;
}
.projects-concept .projects-concept-body {
  display: flex;
  gap: 20px;
}
.projects-concept .projects-concept-body .projects-concept-img {
  width: 50%;
}
.projects-concept .projects-concept-body .projects-concept-img .projects-concept-img-cnt {
  width: 432px;
  height: 752px;
}
.projects-concept .projects-concept-body .projects-concept-content {
  display: flex;
  flex-direction: column;
  width: 50%;
}
.projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body {
  display: flex;
  flex-direction: column;
  flex: 1;
}
.projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-text-cnt {
  display: flex;
  margin-bottom: 64px;
}
.projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-paragraph {
  display: block;
  margin-right: 96px;
  width: 320px;
}
.projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-img-cnt {
  flex-grow: 1;
  flex-basis: 0;
  background-color: #7E8299;
  width: 352px;
}

@media screen and (max-width: 1440PX) {
  .projects-concept {
    padding: 240px 0;
  }
  .projects-concept .projects-concept-body .projects-concept-img .projects-concept-img-cnt {
    width: 352px;
    height: 624px;
  }
}
@media screen and (max-width: 1024PX) {
  .projects-concept {
    padding: 160px 0;
  }
  .projects-concept .projects-concept-body .projects-concept-img .projects-concept-img-cnt {
    width: 288px;
    height: 528px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-title {
    margin-bottom: 72px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-text-cnt {
    margin-bottom: 40px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-paragraph {
    margin-right: 32px;
    width: 192px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-img-cnt {
    width: 192px;
  }
}
@media screen and (max-width: 768PX) {
  .projects-concept {
    padding: 128px 0 128px;
  }
  .projects-concept .projects-concept-body {
    flex-direction: column;
    gap: 160px;
  }
  .projects-concept .projects-concept-body .projects-concept-img .projects-concept-img-cnt {
    width: 320px;
    height: 528px;
  }
  .projects-concept .projects-concept-body .projects-concept-content {
    padding: 0 40px;
    width: 100%;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-title {
    margin-bottom: 96px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body {
    flex: none;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-text-cnt {
    flex-wrap: wrap;
    justify-content: space-between;
    gap: 64px;
    margin-bottom: 80px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-paragraph {
    margin-right: 0;
    width: 320px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-img-cnt {
    flex: none;
    width: 288px;
    height: 352px;
  }
}
@media screen and (max-width: 430px) {
  .projects-concept {
    padding: 72px 0 56px;
  }
  .projects-concept .projects-concept-body {
    gap: 56px;
  }
  .projects-concept .projects-concept-body .projects-concept-img .projects-concept-img-cnt {
    width: 160px;
    height: 288px;
  }
  .projects-concept .projects-concept-body .projects-concept-content {
    padding: 0 20px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-title {
    margin-bottom: 24px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-text-cnt {
    gap: 24px;
    margin-bottom: 40px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-paragraph {
    width: 320px;
  }
  .projects-concept .projects-concept-body .projects-concept-content .projects-concept-content-body-img-cnt {
    flex: none;
    width: 160px;
    height: 192px;
  }
}
/* SPACINGS */
.project-examples .project-examples-inner {
  padding: 80px 60px;
}
.project-examples .project-examples-inner .project-examples-list {
  display: flex;
  gap: 20px;
}
.project-examples .project-examples-inner .project-examples-list .project-examples-list-row {
  display: flex;
  width: 100%;
  gap: 20px;
}

@media screen and (max-width: 1440PX) {
  .project-examples .project-examples-inner {
    padding: 72px 60px;
  }
}
@media screen and (max-width: 1024PX) {
  .project-examples .project-examples-inner {
    padding: 64px 60px;
  }
}
@media screen and (max-width: 768PX) {
  .project-examples .project-examples-inner {
    padding: 64px 40px;
  }
  .project-examples .project-examples-inner .project-examples-list {
    flex-wrap: wrap;
  }
}
@media screen and (max-width: 430px) {
  .project-examples .project-examples-inner {
    padding: 56px 20px;
  }
  .project-examples .project-examples-inner .project-examples-list .project-examples-list-row {
    flex-wrap: wrap;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FONTS */
.projects-gallery-cta > .inner {
  display: flex;
  padding: 0 0;
}
.projects-gallery-cta > .inner .pgc-content-cnt {
  flex: 1;
  align-content: center;
  padding: 0 60px;
}
.projects-gallery-cta > .inner .pgc-content-cnt .pgc-content-text {
  width: 320px;
}
.projects-gallery-cta > .inner .pgc-image-cnt {
  position: relative;
  height: 859px;
  width: 37.6%;
}
.projects-gallery-cta > .inner .pgc-image-cnt .pgc-image {
  height: 100%;
  width: 100%;
  background-color: #7E8299;
}
.projects-gallery-cta > .inner .pgc-image-cnt .pgc-image-text {
  position: absolute;
  top: calc(50% - 144px);
  left: -328px;
  width: 656px;
  height: 288px;
  align-content: center;
  font-size: 80px;
  letter-spacing: 0.04em;
  line-height: 110%;
}

@media screen and (max-width: 1440PX) {
  .projects-gallery-cta > .inner .pgc-content-cnt .pgc-content-text {
    width: 288px;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt {
    height: 700px;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt .pgc-image-text {
    left: -216px;
    width: 432px;
    font-size: 56px;
  }
}
@media screen and (max-width: 1024PX) {
  .projects-gallery-cta > .inner .pgc-content-cnt .pgc-content-text {
    width: 240px;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt {
    height: 559px;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt .pgc-image-text {
    left: -160px;
    width: 320px;
    font-size: 40px;
  }
}
@media screen and (max-width: 768PX) {
  .projects-gallery-cta > .inner {
    flex-direction: column;
    align-items: end;
    gap: 128px;
    padding: 80px 0;
  }
  .projects-gallery-cta > .inner .pgc-content-cnt {
    padding: 0 40px;
    width: 100%;
  }
  .projects-gallery-cta > .inner .pgc-content-cnt .pgc-content-text {
    width: 320px;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt {
    width: 48.7%;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt .pgc-image-text {
    left: -216px;
    width: 432px;
    font-size: 56px;
  }
}
@media screen and (max-width: 430px) {
  .projects-gallery-cta > .inner {
    gap: 72px;
    padding: 64px 0;
  }
  .projects-gallery-cta > .inner .pgc-content-cnt {
    padding: 0 20px;
  }
  .projects-gallery-cta > .inner .pgc-content-cnt .pgc-content-text {
    width: 320px;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt {
    height: 282px;
    width: 56%;
  }
  .projects-gallery-cta > .inner .pgc-image-cnt .pgc-image-text {
    left: -96px;
    width: 192px;
    font-size: 24px;
  }
}
/* SPACINGS */
.projects-hero {
  display: flex;
  align-items: end;
  height: 100vh;
}
.projects-hero .projects-hero-header {
  position: relative;
  display: flex;
  align-items: center;
  padding: 0 60px;
  flex: 1;
  height: 100%;
}
.projects-hero .projects-hero-header .projects-hero-header-background {
  position: absolute;
  inset: 0 0 0 0;
}
.projects-hero .projects-hero-header .projects-hero-header-lettering {
  z-index: 1;
}
.projects-hero .projects-hero-body {
  padding: 0 60px 128px;
  text-align: right;
}

@media screen and (max-width: 768PX) {
  .projects-hero {
    flex-direction: column;
    align-items: initial;
  }
  .projects-hero .projects-hero-header {
    padding: 0 40px;
  }
  .projects-hero .projects-hero-body {
    padding: 56px 40px 128px;
  }
}
@media screen and (max-width: 430px) {
  .projects-hero .projects-hero-header {
    padding: 0 20px;
  }
  .projects-hero .projects-hero-body {
    padding: 32px 20px 80px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.projects-list-cnt > .inner {
  padding: 0 0 96px;
}
.projects-list-cnt > .inner .projects-list-header {
  display: flex;
  padding: 0 60px;
}
.projects-list-cnt > .inner .projects-list-header h2 {
  flex: 1;
}
.projects-list-cnt > .inner .projects-list-header .input-search {
  width: 432px;
  margin-top: 32px;
}
.projects-list-cnt > .inner .projects-list-header .input-help {
  margin-top: 32px;
  margin-left: 6px;
}

@media screen and (max-width: 1024PX) {
  .projects-list-cnt > .inner {
    padding: 0 0;
  }
}
@media screen and (max-width: 768PX) {
  .projects-list-cnt > .inner {
    padding: 0 0 96px;
  }
  .projects-list-cnt > .inner .projects-list-header {
    padding: 0 40px;
  }
  .projects-list-cnt > .inner .projects-list-header .input-search {
    width: 48%;
  }
}
@media screen and (max-width: 430px) {
  .projects-list-cnt > .inner {
    padding: 0 0 128px;
  }
  .projects-list-cnt > .inner .projects-list-header {
    padding: 0 20px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.projects-concrete-post-hero > .inner {
  display: flex;
  justify-content: space-between;
  gap: 64px;
  padding: 240px 60px 64px;
}
.projects-concrete-post-hero > .inner .pcp-hero-image {
  background-color: #3F4254;
  height: 662px;
  max-width: 896px;
  width: 100%;
}
.projects-concrete-post-hero > .inner .pcp-hero-content {
  display: flex;
  flex-direction: column;
  justify-content: space-between;
  max-width: 656px;
  width: 100%;
}
.projects-concrete-post-hero > .inner .pcp-hero-content-item {
  margin-bottom: 64px;
}
.projects-concrete-post-hero > .inner .pcp-hero-content-item:last-child {
  margin: 0;
}
.projects-concrete-post-hero > .inner .pcp-hero-lower-tags-cnt {
  display: flex;
  flex-wrap: wrap;
  gap: 12px;
}

@media screen and (max-width: 1440PX) {
  .projects-concrete-post-hero > .inner {
    padding: 192px 60px 128px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-image {
    height: 500px;
    max-width: 656px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content {
    max-width: 480px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-item {
    margin-bottom: 56px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-lower-tags-cnt {
    gap: 8px;
  }
}
@media screen and (max-width: 1024PX) {
  .projects-concrete-post-hero > .inner {
    gap: 20px;
    padding: 240px 60px 128px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-image {
    height: 328px;
    max-width: 432px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content {
    max-width: 320px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-section.d-none-tl {
    display: none;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-item {
    margin-bottom: 16px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-lower-tags-cnt {
    gap: 8px;
  }
}
@media screen and (max-width: 768PX) {
  .projects-concrete-post-hero > .inner {
    flex-direction: column;
    justify-content: initial;
    gap: 72px;
    padding: 192px 40px 64px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-image {
    height: 461px;
    max-width: 100%;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content {
    max-width: 100%;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-item {
    margin-bottom: 32px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-item:last-child {
    margin-bottom: 32px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-lower-tags-cnt {
    gap: 12px;
  }
}
@media screen and (max-width: 430px) {
  .projects-concrete-post-hero > .inner {
    gap: 64px;
    padding: 128px 20px 56px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-image {
    height: 230px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-item {
    margin-bottom: 24px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-content-item:last-child {
    margin-bottom: 24px;
  }
  .projects-concrete-post-hero > .inner .pcp-hero-lower-tags-cnt {
    gap: 8px;
  }
}
/* SPACINGS */
.projects-concrete-post-text {
  display: none;
}
.projects-concrete-post-text > .inner {
  padding: 96px 60px;
}
.projects-concrete-post-text .pcp-text-cnt {
  display: flex;
  gap: 96px;
  padding-left: 228px;
}
.projects-concrete-post-text .pcp-text-paragraph:nth-child(1) {
  width: 288px;
}
.projects-concrete-post-text .pcp-text-paragraph:nth-child(2) {
  width: 308px;
}

@media screen and (max-width: 1440PX) {
  .projects-concrete-post-text > .inner {
    padding: 72px 60px;
  }
  .projects-concrete-post-text .pcp-text-cnt {
    gap: 64px;
    padding-left: 168px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(1) {
    width: 273px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(2) {
    width: 308px;
  }
}
@media screen and (max-width: 1024PX) {
  .projects-concrete-post-text {
    display: block;
  }
  .projects-concrete-post-text > .inner {
    padding: 52px 60px;
  }
  .projects-concrete-post-text .pcp-text-cnt {
    gap: 60px;
    padding-left: 116px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(1) {
    width: 231px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(2) {
    width: 220px;
  }
}
@media screen and (max-width: 768PX) {
  .projects-concrete-post-text > .inner {
    padding: 72px 40px;
  }
  .projects-concrete-post-text .pcp-text-cnt {
    gap: 66px;
    padding-left: 0;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(1) {
    width: 288px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(2) {
    width: 308px;
  }
}
@media screen and (max-width: 430px) {
  .projects-concrete-post-text > .inner {
    padding: 32px 20px;
  }
  .projects-concrete-post-text .pcp-text-cnt {
    flex-direction: column;
    gap: 32px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(1) {
    width: 235px;
  }
  .projects-concrete-post-text .pcp-text-paragraph:nth-child(2) {
    width: 235px;
  }
}
/* SPACINGS */
.projects-concrete-post-gallery > .inner {
  padding: 96px 60px;
}

@media screen and (max-width: 768PX) {
  .projects-concrete-post-gallery > .inner {
    padding: 96px 40px;
  }
}
@media screen and (max-width: 430px) {
  .projects-concrete-post-gallery > .inner {
    padding: 96px 20px;
  }
}
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
.content-list {
  padding: 80px 0;
}
.content-list .content-list-inner {
  padding: 0 60px;
}
.content-list .content-list-inner .content-list-content {
  margin: 0 auto;
  max-width: 1344px;
}
.content-list .content-list-inner .content-list-content .content-list-row {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 0 96px;
}
.content-list .content-list-inner .content-list-content .content-list-row:last-child {
  margin: 0;
}
.content-list .content-list-inner .content-list-content .content-list-item {
  display: flex;
  width: 510px;
  position: relative;
  margin-left: 34px;
}
.content-list .content-list-inner .content-list-content .content-list-item svg {
  position: absolute;
  width: 32px;
  height: 32px;
  left: -42px;
  top: -5px;
}
.content-list .content-list-inner .content-list-content .content-list-item-header {
  margin-bottom: 40px;
}

@media screen and (max-width: 1440PX) {
  .content-list {
    padding: 72px 0;
  }
  .content-list .content-list-inner .content-list-content {
    max-width: 1000px;
  }
  .content-list .content-list-inner .content-list-content .content-list-item {
    width: 398px;
  }
  .content-list .content-list-inner .content-list-content .content-list-item-header {
    margin-bottom: 40px;
  }
}
@media screen and (max-width: 1024PX) {
  .content-list {
    padding: 64px 0;
  }
  .content-list .content-list-inner .services-services-list-content {
    max-width: 736px;
  }
  .content-list .content-list-inner .services-services-list-content .content-list-item {
    width: 398px;
  }
  .content-list .content-list-inner .services-services-list-content .content-list-item-header {
    margin-bottom: 24px;
  }
}
@media screen and (max-width: 768PX) {
  .content-list {
    padding: 64px 0;
  }
  .content-list .content-list-inner {
    padding: 0 40px;
  }
  .content-list .content-list-inner .content-list-content {
    max-width: 544px;
  }
  .content-list .content-list-inner .content-list-content .content-list-row {
    flex-direction: column;
    gap: 64px;
    margin: 0 0 64px;
  }
  .content-list .content-list-inner .content-list-content .content-list-row:last-child {
    margin: 0;
  }
  .content-list .content-list-inner .content-list-content .content-list-item {
    width: calc(100% - 34px);
  }
  .content-list .content-list-inner .content-list-content .content-list-item-header {
    margin-bottom: 20px;
  }
}
@media screen and (max-width: 430px) {
  .content-list {
    padding: 56px 0;
  }
  .content-list .content-list-inner {
    padding: 0 20px;
  }
  .content-list .content-list-inner .content-list-content .content-list-row {
    flex-direction: column;
    gap: 56px;
    margin: 0 0 56px;
  }
  .content-list .content-list-inner .content-list-content .content-list-row:last-child {
    margin: 0;
  }
}
/* BRANDING COLORS */
/* THEME COLORS */
/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* FOOTER */
/* Variables */
/* Styles */
.footer {
  border-top: 1px #6F5D51 solid;
}
.footer > .inner {
  position: relative;
  margin: 0 auto;
  max-width: 1920px;
  padding: 96px 60px 80px;
}
.footer .footer-content {
  max-width: 708px;
}
.footer .footer-top {
  display: flex;
  align-items: top;
  flex-wrap: wrap;
  margin-bottom: 72px;
}
.footer .footer-top .iroko-logo-cnt {
  width: 160px;
}
.footer .footer-top .iroko-logo-cnt a {
  display: block;
  width: 100%;
  height: 100%;
  fill: #F29B4F;
}
.footer .footer-lists {
  display: flex;
  justify-content: space-between;
  margin-bottom: 64px;
}
.footer .footer-lists .footer-list-header {
  max-width: 240px;
}
.footer .footer-lists .footer-list-item-cnt {
  max-width: 160px;
}
.footer .footer-bottom {
  display: flex;
  flex-wrap: wrap;
  gap: 32px;
  align-items: baseline;
}
.footer .footer-aenor-logos {
  display: flex;
  gap: 12px;
}
.footer .footer-aenor-logos .aenor-logo-cnt {
  width: 64px;
}
.footer .footer-background-svg-cnt {
  position: absolute;
  width: 48%;
  bottom: 0;
  right: 128px;
}

@media screen and (max-width: 1440PX) {
  .footer > .inner {
    padding: 56px 60px 72px;
  }
  .footer .footer-top {
    margin-bottom: 64px;
  }
  .footer .footer-top .iroko-logo-cnt {
    width: 160px;
  }
  .footer .footer-background-svg-cnt {
    width: 52%;
    right: 32px;
  }
}
@media screen and (max-width: 1024PX) {
  .footer > .inner {
    padding: 40px 60px 80px;
  }
  .footer .footer-content {
    max-width: 480px;
  }
  .footer .footer-top {
    margin-bottom: 40px;
  }
  .footer .footer-top .iroko-logo-cnt {
    width: 96px;
  }
  .footer .footer-bottom {
    gap: 20px;
  }
  .footer .footer-bottom .footer-aenor-logos {
    gap: 12px;
  }
  .footer .footer-bottom .footer-aenor-logos .aenor-logo-cnt {
    width: 24px;
  }
  .footer .footer-background-svg-cnt {
    width: 58%;
  }
}
@media screen and (max-width: 768PX) {
  .footer > .inner {
    padding: 80px 40px 64px;
  }
  .footer .footer-content {
    max-width: 100%;
  }
  .footer .footer-top {
    margin-bottom: 96px;
  }
  .footer .footer-top .iroko-logo-cnt {
    width: 160px;
  }
  .footer .footer-lists {
    flex-wrap: wrap;
    gap: 40px;
  }
  .footer .footer-list {
    width: 100%;
  }
  .footer .footer-bottom {
    flex-direction: column;
    gap: 24px;
  }
  .footer .footer-bottom .footer-aenor-logos {
    gap: 12px;
  }
  .footer .footer-bottom .footer-aenor-logos .aenor-logo-cnt {
    width: 40px;
  }
  .footer .footer-background-svg-cnt {
    right: 0;
    height: 500px;
    width: 90%;
    overflow: hidden;
  }
}
@media screen and (max-width: 430px) {
  .footer > .inner {
    padding: 64px 20px 384px;
  }
  .footer .footer-top {
    margin-bottom: 56px;
  }
  .footer .footer-top .iroko-logo-cnt {
    width: 128px;
  }
  .footer .footer-bottom {
    flex-direction: column;
    gap: 20px;
  }
  .footer .footer-background-svg-cnt {
    height: 350px;
    width: 125%;
  }
}
/* ABOUT US SECTION */
.about-us-cnt {
  overflow: hidden;
  margin: 0 auto;
  max-width: 1920px;
}

/* SPACINGS */
/* CONTAINERS */
/* Widths */
/* Heights */
/* BLOG CONCRETE POST */
.blog-concrete-post-cnt {
  max-width: 1920px;
  margin: 0 auto;
}
.blog-concrete-post-cnt > .inner {
  display: flex;
  justify-content: space-between;
  gap: 20px;
  margin: 0 60px;
}
.blog-concrete-post-cnt .bcp-post {
  margin: 0 0 0 15%;
  flex-grow: 1;
  flex-basis: 0;
  max-width: 1120px;
}
.blog-concrete-post-cnt .bcp-buttons {
  position: fixed;
  bottom: 80px;
  right: 60px;
  display: flex;
  gap: 24px;
}
.blog-concrete-post-cnt .bcp-buttons .bcp-prev-post-btn {
  padding-left: 0;
}
.blog-concrete-post-cnt .bcp-buttons .bcp-prev-post-btn svg {
  margin-right: 16px;
}
.blog-concrete-post-cnt .bcp-buttons .bcp-next-post-btn svg {
  rotate: 180deg;
}

@media screen and (max-width: 1440PX) {
  .blog-concrete-post-cnt .bcp-prev-post-btn {
    padding-right: 8px;
  }
  .blog-concrete-post-cnt .bcp-prev-post-btn span {
    display: none;
  }
}
@media screen and (max-width: 1024PX) {
  .blog-concrete-post-cnt .bcp-post {
    margin: 0;
  }
  .blog-concrete-post-cnt .bcp-buttons {
    bottom: 64px;
  }
  .blog-concrete-post-cnt .bcp-prev-post-btn span {
    display: inline;
  }
}
@media screen and (max-width: 768PX) {
  .blog-concrete-post-cnt > .inner {
    margin: 0 40px;
  }
  .blog-concrete-post-cnt .bcp-buttons {
    bottom: 72px;
    right: 40px;
  }
  .blog-concrete-post-cnt .bcp-prev-post-btn span, .blog-concrete-post-cnt .bcp-next-post-btn span {
    display: none;
  }
}
@media screen and (max-width: 430px) {
  .blog-concrete-post-cnt {
    position: relative;
  }
  .blog-concrete-post-cnt > .inner {
    margin: 0 20px;
  }
  .blog-concrete-post-cnt .bcp-buttons {
    bottom: 72px;
    right: 20px;
  }
  .blog-concrete-post-cnt .bcp-buttons .bcp-prev-post-btn {
    padding: 0 12px;
  }
  .blog-concrete-post-cnt .bcp-buttons .bcp-prev-post-btn svg {
    margin: 0;
  }
  .blog-concrete-post-cnt .bcp-buttons .bcp-next-post-btn {
    padding-left: 12px;
  }
  .blog-concrete-post-cnt .bcp-buttons .bcp-next-post-btn svg {
    margin: 0;
  }
}
/* BLOG LIST */
.blog-list-cnt {
  max-width: 1920px;
  margin: 0 auto;
}

/* CONTACT SECTION */
/* HOME */
.home-cnt {
  overflow: hidden;
  max-width: 1920px;
  margin: 0 auto;
}

/* SPACINGS */
/* FONTS */
/* LEGAL NOTICE */
.legal-text-cnt {
  padding: 288px 60px 288px 60px;
}
.legal-text-cnt > .inner {
  max-width: 890px;
  margin: 0 auto;
}
.legal-text-cnt p {
  margin-bottom: 40px;
  font-size: 18px;
}
.legal-text-cnt .legal-text-title {
  margin-bottom: 72px;
  font-size: 64px;
  text-transform: uppercase;
}
.legal-text-cnt .chapter-title {
  margin-bottom: 56px;
  font-size: 32px;
  text-transform: uppercase;
}
.legal-text-cnt .chapter-subtitle {
  margin-bottom: 40px;
  font-size: 24px;
  text-transform: uppercase;
}
.legal-text-cnt .chapter-table .chapter-title {
  font-size: 18px;
}
.legal-text-cnt .chapter-table .chapter-subtitle {
  font-size: 18px;
}
.legal-text-cnt .chapter-content li p {
  margin-bottom: 8px;
}
.legal-text-cnt .chapter-content:last-child {
  margin-bottom: 128px;
}
.legal-text-cnt .chapter-content-list {
  margin-bottom: 40px;
}

.legal-text-cnt .legal-text-cnt-inner {
  margin: 0 auto;
  padding: 20px;
  max-width: 840px;
}
.legal-text-cnt .legal-text-body .chapter-content p, .legal-text-cnt .legal-text-body .chapter-content ul, .legal-text-cnt .legal-text-body .chapter-content ol {
  margin-bottom: 20px;
}
.legal-text-cnt .legal-text-body .chapter-content p {
  line-height: 175%;
}
.legal-text-cnt .legal-text-body .chapter-content-list {
  padding-left: 20px;
}
.legal-text-cnt .legal-text-body .chapter-content-list p {
  margin-bottom: 10px;
}
.legal-text-cnt .legal-text-body .list-style-check li {
  position: relative;
  padding-left: 30px;
}
.legal-text-cnt .legal-text-body .list-style-check li:before {
  position: absolute;
  top: 5px;
  left: 7px;
  content: "\f00c";
  font-weight: bold;
}
.legal-text-cnt .legal-text-body .list-style-dot li {
  position: relative;
  padding-left: 30px;
}
.legal-text-cnt .legal-text-body .list-style-dot li:before {
  position: absolute;
  left: 7px;
  content: "\e122";
  font-weight: bold;
}
.legal-text-cnt .legal-text-body .chapter-table {
  display: grid;
  grid-template-columns: repeat(3, auto);
  grid-template-rows: repeat(4, auto);
  margin-bottom: 20px;
  hyphens: auto;
}
.legal-text-cnt .legal-text-body .chapter-table .chapter-table-box {
  padding: 10px;
  line-height: 175%;
  border-bottom: 2px solid black;
}
.legal-text-cnt .legal-text-body .chapter-table .chapter-title {
  align-self: flex-end;
}
.legal-text-cnt .legal-text-body .chapter-table .chapter-table-data-column {
  min-width: max-content;
}
.legal-text-cnt .legal-text-body .chapter-table .change-orientation-on-tablet {
  writing-mode: vertical-lr;
  text-orientation: mixed;
  text-align: right;
  transform: rotate(180deg);
}

/* PROYECTS SECTION */
/* PROJECTS CONCRETE POST SECTION */
.projects-concrete-post-cnt {
  margin: 0 auto;
  max-width: 1920px;
}

/* SERVICES */
.services-cnt {
  max-width: 1920px;
  margin: 0 auto;
}

/* ABOUT US SECTION */
.test-juanjo-cnt {
  display: flex;
  justify-content: center;
}

/* FONTS */
/* BORDERS */
/* UTILITIES */
/* VARIABLES */
/* STYLES */
.ui-border-error, .border-error {
  border: red 1px solid !important;
}

.line-clamp-1-rows {
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-2-rows {
  display: -webkit-box;
  -webkit-line-clamp: 2;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-3-rows {
  display: -webkit-box;
  -webkit-line-clamp: 3;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-4-rows {
  display: -webkit-box;
  -webkit-line-clamp: 4;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-5-rows {
  display: -webkit-box;
  -webkit-line-clamp: 5;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-7-rows {
  display: -webkit-box;
  -webkit-line-clamp: 7;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

.line-clamp-9-rows {
  display: -webkit-box;
  -webkit-line-clamp: 9;
  -webkit-box-orient: vertical;
  text-overflow: ellipsis;
  overflow: hidden;
}

@media screen and (max-width: 1024PX) {
  .fs-m--mq_tl {
    font-size: 40px !important;
  }
  .fs-xs--mq_m {
    font-size: 24px !important;
  }
}

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