.section_images-1x .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 14px 14px 14px;
  margin-top: 65px;
}
@media (min-width: 768px) {
  .section_images-1x .head {
    padding: 0 23px 23px 23px;
    margin-top: 120px;
  }
}
.section_images-1x .head h2 {
  font-size: clamp(26px, 2.5vw, 40px);
  text-transform: unset;
}
.section_images-1x .images-1x-grid {
  display: grid;
  grid-template-columns: 1fr;
  width: 100%;
}
@media (max-width: 768px) {
  .section_images-1x .images-1x-grid .banner img {
    max-height: 430px;
  }
}
.section_images-1x .images-1x-grid .banner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.section_images-1x .images-1x-grid .banner h2 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  line-height: 44px;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  font-size: clamp(18px, 5vw, 30px);
  overflow: hidden;
  color: #ffffff;
  text-transform: unset;
}
.section_images-1x .images-1x-grid .banner h2 svg {
  width: 40px;
  margin-left: -42px;
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  opacity: 0;
}
.section_images-1x .images-1x-grid .banner img {
  width: 100%;
  height: 100%;
  max-height: 720px;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: relative;
  -webkit-transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}
.section_images-1x .images-1x-grid .banner.hover-effect:hover svg {
  opacity: 1;
  display: block;
  margin-left: 0;
}
.section_images-1x .images-1x-grid .banner.hover-effect:hover img {
  scale: 1.07;
  -webkit-filter: blur(12px);
          filter: blur(12px);
}

.section_images-2x .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 14px 14px 14px;
  margin-top: 65px;
}
@media (min-width: 768px) {
  .section_images-2x .head {
    padding: 0 23px 23px 23px;
    margin-top: 120px;
  }
}
.section_images-2x .head h2 {
  font-size: clamp(26px, 2.5vw, 40px);
  text-transform: unset;
}
.section_images-2x .images-2x-grid {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  width: 100%;
}
@media (max-width: 768px) {
  .section_images-2x .images-2x-grid {
    grid-template-columns: 1fr;
  }
}
.section_images-2x .images-2x-grid .banner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.section_images-2x .images-2x-grid .banner h2 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  line-height: 44px;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  font-size: clamp(22px, 2.5vw, 34px);
  overflow: hidden;
  color: #ffffff;
  text-transform: unset;
}
.section_images-2x .images-2x-grid .banner h2 svg {
  width: 40px;
  margin-left: -42px;
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  opacity: 0;
}
.section_images-2x .images-2x-grid .banner:hover:not(.no-hover) svg {
  opacity: 1;
  display: block;
  margin-left: 0;
}
.section_images-2x .images-2x-grid .banner:hover:not(.no-hover) img {
  scale: 1.07;
  -webkit-filter: blur(12px);
          filter: blur(12px);
}
.section_images-2x .images-2x-grid .banner:not(:hover) svg {
  opacity: 0;
}
.section_images-2x .images-2x-grid .banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: relative;
  -webkit-transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}
.section_images-2x .images-2x-grid div.banner img {
  max-height: 100%;
  height: 100%;
  width: 100%;
}
.section_images-2x.text-small .images-2x-grid .banner h2 {
  font-size: clamp(18px, 2.5vw, 30px);
}

.section_images-3x {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
  row-gap: 1rem;
  width: 100%;
  margin-top: 3rem;
}
.section_images-3x.overflow {
  overflow: auto;
}
.section_images-3x.mt-100px {
  margin-top: 100px;
}
.section_images-3x.mt-60px {
  margin-top: 60px;
}
.section_images-3x::-webkit-scrollbar {
  display: none;
}
@media (max-width: 768px) {
  .section_images-3x {
    grid-template-columns: 1fr;
  }
}
.section_images-3x .section_images-3x__header {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-pack: justify;
  -webkit-justify-content: space-between;
      -ms-flex-pack: justify;
          justify-content: space-between;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 1rem 23px 14px 23px;
}
.section_images-3x .section_images-3x__header h2 {
  font-size: clamp(26px, 5vw, 40px);
  color: #333;
  text-transform: unset;
}
.section_images-3x .section_images-3x__header .section_images-3x__link svg {
  width: clamp(20px, 2vw, 52px);
  opacity: 0;
}
.section_images-3x .section_images-3x__grid {
  display: grid;
  grid-template-columns: repeat(1, 1fr);
}
@media (min-width: 768px) {
  .section_images-3x .section_images-3x__grid {
    grid-template-columns: repeat(3, 1fr);
  }
}
.section_images-3x .banner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
}
.section_images-3x .banner h2 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  line-height: 34px;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  font-size: clamp(22px, 2.5vw, 30px);
  overflow: hidden;
  color: #ffffff;
  text-transform: unset;
}
.section_images-3x .banner h2 svg {
  width: 40px;
  margin-left: -42px;
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  opacity: 0;
}
.section_images-3x .banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: relative;
  -webkit-transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}
.section_images-3x .banner:hover svg {
  opacity: 1;
  display: block;
  margin-left: 0;
}
.section_images-3x .banner:hover img {
  scale: 1.07;
  -webkit-filter: blur(12px);
          filter: blur(12px);
}
.section_images-3x .banner:not(:hover) svg {
  opacity: 0;
}

.section_images-4x.mt-120 {
  margin-top: 65px;
}
@media (min-width: 768px) {
  .section_images-4x.mt-120 {
    margin-top: 120px;
  }
}
.section_images-4x .head {
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  padding: 0 23px 14px 23px;
}
@media (min-width: 768px) {
  .section_images-4x .head {
    padding: 0 23px 23px 23px;
  }
}
.section_images-4x .head h2 {
  font-size: clamp(26px, 2.5vw, 40px);
  text-transform: unset;
}
.section_images-4x .images-4x-grid {
  overflow: auto;
  display: grid;
  grid-template-columns: repeat(4, 1fr);
  width: 100%;
}
.section_images-4x .images-4x-grid::-webkit-scrollbar {
  display: none;
}
.section_images-4x .images-4x-grid .banner {
  display: block;
  width: 100%;
  height: 100%;
  position: relative;
  overflow: hidden;
  min-width: 225px;
}
.section_images-4x .images-4x-grid .banner h2 {
  position: absolute;
  bottom: 1rem;
  left: 1rem;
  line-height: 44px;
  z-index: 9;
  display: -webkit-box;
  display: -webkit-flex;
  display: -ms-flexbox;
  display: flex;
  -webkit-box-align: center;
  -webkit-align-items: center;
      -ms-flex-align: center;
          align-items: center;
  -webkit-column-gap: 1rem;
     -moz-column-gap: 1rem;
          column-gap: 1rem;
  font-size: clamp(18px, 2.5vw, 28px);
  overflow: hidden;
  color: #ffffff;
  text-transform: unset;
}
.section_images-4x .images-4x-grid .banner h2 svg {
  width: clamp(28px, 2vw, 40px);
  margin-left: clamp(-30px, -2vw, -42px);
  -webkit-transition: margin-left 0.3s ease-in-out;
  -o-transition: margin-left 0.3s ease-in-out;
  transition: margin-left 0.3s ease-in-out;
  opacity: 0;
}
.section_images-4x .images-4x-grid .banner:hover svg {
  opacity: 1;
  display: block;
  margin-left: 0;
}
.section_images-4x .images-4x-grid .banner:hover img {
  scale: 1.07;
  -webkit-filter: blur(12px);
          filter: blur(12px);
}
.section_images-4x .images-4x-grid .banner:not(:hover) svg {
  opacity: 0;
}
.section_images-4x .images-4x-grid .banner img {
  width: 100%;
  height: 100%;
  -o-object-fit: contain;
     object-fit: contain;
  -o-object-position: center;
     object-position: center;
  display: block;
  position: relative;
  -webkit-transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  transition: scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
  -o-transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out;
  transition: filter 0.3s ease-in-out, scale 0.3s ease-in-out, -webkit-filter 0.3s ease-in-out;
}
.section_images-4x.text-small .images-4x-grid .banner h2 {
  font-size: clamp(18px, 2.5vw, 30px);
}

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