/*!*******************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src-wordpress/src/wp-content/themes/piy/assets/sass/colors.scss ***!
  \*******************************************************************************************************************/
:root{
  --mainWhite: #EDE9E9;
}

/*!**********************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./src-wordpress/src/wp-content/themes/piy/assets/sass/variables.scss ***!
  \**********************************************************************************************************************/
:root{
  --desktop-container-padding: calc((100vw - 1140px) / 2);
  --large-tablet-container-padding: calc((100vw - 992px) / 2);
  --tablet-container-padding: calc((100vw - 720px) / 2);
}

@mixin desktop-normal-font{
  font-size: 20px;
  line-height: 30px;
}

@mixin desktop-paragraph-font-size{
  font-size: 30px;
  line-height: 50px;
}

/*!******************************************************************************************************************************************************************************************************************************!*\
  !*** css ./node_modules/css-loader/dist/cjs.js!./node_modules/sass-loader/dist/cjs.js!./node_modules/postcss-loader/dist/cjs.js??ruleSet[1].rules[0].use[3]!./src-wordpress/src/wp-content/themes/piy/assets/sass/main.scss ***!
  \******************************************************************************************************************************************************************************************************************************/
@font-face {
  font-family: "GillSan", sans-serif;
  src: url(c837f6c4f8e7faa1ff78.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GillSan", sans-serif;
  src: url(7cb9166542066529cdba.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GillSan", sans-serif;
  src: url(691fafd118125fc06683.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
.landing-page-container {
  width: 100vw;
  min-height: 100vh;
  display: flex;
  flex-direction: column;
}

.contact-form {
  padding-top: 50px;
  padding-bottom: 120px;
  background-color: #F0ECEC;
}

.head-line {
  width: 100%;
  height: 16px;
  background-color: black;
  margin-bottom: 180px;
}

.banner {
  position: relative;
  width: 100%;
  display: flex;
  justify-content: center;
  align-items: center;
}

.banner-img {
  width: 100%;
}

.logo-container {
  position: absolute;
  left: 70px;
  top: -100px;
}

.coming-soon-text {
  position: absolute;
  width: 76%;
  top: 21%;
}

h2.contact-title {
  color: black;
  font-weight: 400;
  font-size: 60px;
  text-align: center;
  margin-top: 0;
  margin-bottom: 120px;
  padding: 0 30px;
}

.gform_fields {
  width: 100%;
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 24px;
}

ul li label {
  display: none;
}

.gform_wrapper.gravity-theme {
  width: 100%;
  max-width: 1320px;
  margin: 0 auto;
  padding: 0 20px;
}
.gform_wrapper.gravity-theme input,
.gform_wrapper.gravity-theme textarea,
.gform_wrapper.gravity-theme select {
  font-size: 18px !important;
  background-color: white;
  border: solid 1px #C6C6C6;
}
@media (max-width: 767px) {
  .gform_wrapper.gravity-theme input,
  .gform_wrapper.gravity-theme textarea,
  .gform_wrapper.gravity-theme select {
    font-size: 15px !important;
  }
}
.gform_wrapper.gravity-theme .ginput_container {
  width: 100%;
}
.gform_wrapper.gravity-theme input[type=text],
.gform_wrapper.gravity-theme input[type=email],
.gform_wrapper.gravity-theme input[type=tel],
.gform_wrapper.gravity-theme select {
  width: 100%;
  height: 45px;
  line-height: 45px;
  background-color: white;
  margin-bottom: 10px;
  padding: 0 17px;
}
.gform_wrapper.gravity-theme .gfield_radio_label {
  padding-left: 17px;
}
.gform_wrapper.gravity-theme .gchoice label {
  cursor: pointer;
}
.gform_wrapper.gravity-theme .ginput_container textarea.large {
  width: 100%;
  height: 265px !important;
  padding: 5px 17px;
}
.gform_wrapper.gravity-theme .ginput_container .gfield_checkbox label,
.gform_wrapper.gravity-theme .ginput_container .gfield_radio label {
  display: inline-block;
  flex-shrink: 0;
  font-size: 26px;
  color: #7F7F7F;
}
@media (max-width: 767px) {
  .gform_wrapper.gravity-theme .ginput_container .gfield_checkbox label,
  .gform_wrapper.gravity-theme .ginput_container .gfield_radio label {
    font-size: 15px !important;
  }
}
.gform_wrapper.gravity-theme .ginput_container.ginput_container_radio {
  width: auto;
  display: inline-block;
}
.gform_wrapper.gravity-theme .gform_footer input[type=submit] {
  display: block;
  width: 300px;
  height: 60px;
  line-height: 60px;
  background-color: black;
  color: white;
  font-size: 31px;
  font-weight: bold;
  text-align: center;
  margin: 0 auto;
  cursor: pointer;
}
@media (max-width: 767px) {
  .gform_wrapper.gravity-theme .gform_footer input[type=submit] {
    margin-bottom: 0;
  }
}

.gform_confirmation_wrapper {
  max-width: 1100px;
  margin: 0 auto;
  padding: 50px 0;
  text-align: center;
  font-size: 20px;
  font-weight: bold;
}

/* animation */
.blink_me {
  animation: blinker 1s linear infinite;
}

@keyframes blinker {
  50% {
    opacity: 0;
  }
}
@media (max-width: 767px) {
  .head-line {
    height: 10px;
    margin-bottom: 50px;
  }
  .logo-container {
    left: 20px;
    top: -25px;
  }
  .contact-form {
    padding-top: 30px;
    padding-bottom: 30px;
  }
  h2.contact-title {
    font-size: 30px;
    margin-bottom: 30px;
  }
  .gform_fields {
    grid-template-columns: 1fr;
  }
  .radio-box-wrapper,
  .gfield_radio {
    flex-direction: column;
  }
}
#page-contact {
  background-color: #F0ECEC;
  flex: 1;
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 100px 0;
}
@media (max-width: 991px) {
  #page-contact {
    padding: 80px 0 50px;
  }
}
#page-contact .inner {
  display: grid;
  grid-template-columns: 35% 1fr;
  gap: 60px;
  padding-top: 100px;
  position: relative;
}
@media (max-width: 991px) {
  #page-contact .inner {
    grid-template-columns: 1fr;
    padding-top: 60px;
  }
}
#page-contact .inner::before {
  position: absolute;
  width: 60%;
  height: 50px;
  content: "";
  left: 0;
  top: 0;
  border-top: 8px solid black;
  border-right: 8px solid black;
}
@media (max-width: 991px) {
  #page-contact .inner::before {
    left: unset;
    right: 0;
  }
}
#page-contact .title-side {
  position: relative;
  padding-bottom: 80px;
  height: fit-content;
}
@media (max-width: 991px) {
  #page-contact .title-side {
    padding: 0 30px;
    text-align: center;
  }
}
#page-contact .title-side::before {
  position: absolute;
  height: 80px;
  width: 100%;
  content: "";
  left: 0;
  bottom: 0;
  border-bottom: 8px solid black;
  border-left: 8px solid black;
}
@media (max-width: 991px) {
  #page-contact .title-side::before {
    display: none;
  }
}
#page-contact .main-title {
  font-size: 80px;
  line-height: 1;
  font-weight: 700;
}
@media (max-width: 991px) {
  #page-contact .main-title {
    font-size: 50px;
    margin-bottom: 20px;
  }
}
#page-contact .description {
  font-size: 40px;
  line-height: 50px;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  #page-contact .description {
    margin-bottom: 0;
    font-size: 30px;
    line-height: 40px;
  }
}
#page-contact .description p {
  margin-bottom: 0;
}
#page-contact form .gform_body {
  margin-bottom: 60px;
}
#page-contact form .gform_footer {
  padding: 0;
}
#page-contact form .gform_footer input {
  margin-bottom: 0;
  padding: 15px 60px;
  width: fit-content;
  height: fit-content;
  font-size: 45px;
  line-height: 1;
  border-radius: 5px;
}
#page-contact .form-side {
  background-color: white;
  padding: 40px 80px;
  height: fit-content;
}
@media (max-width: 991px) {
  #page-contact .form-side {
    padding: 30px 0;
  }
}
@media (max-width: 767px) {
  #page-contact .form-side .zip-code-field {
    width: 150px !important;
  }
}
@media (max-width: 767px) {
  #page-contact .form-side .zip-code-field input {
    width: 100% !important;
  }
}

.form-in-contact-page {
  font-family: calibry;
}
.form-in-contact-page .gfield_label {
  margin-bottom: 0 !important;
  color: #7F7F7F;
  font-size: 20px !important;
  font-weight: 300 !important;
}
.form-in-contact-page .client-job-field {
  display: grid !important;
  grid-template-columns: 100px 1fr;
  gap: 20px;
}
.form-in-contact-page .client-job-field .gfield_radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px 10px;
}
.form-in-contact-page .client-job-field .gfield_radio .gchoice label {
  color: #7F7F7F;
  font-size: 20px;
  font-weight: 300;
}

.sec-hero-banner {
  position: relative;
}
.sec-hero-banner::before {
  position: absolute;
  height: 10%;
  width: 100%;
  left: 0;
  bottom: 0;
  content: "";
  z-index: 2;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.9%, #000000 94.4%);
}
.sec-hero-banner .item {
  position: relative;
}
.sec-hero-banner .item .title {
  position: absolute;
  top: 50%;
  right: 85px;
  transform: translateY(-50%);
  font-size: 110px;
  line-height: 130px;
  color: var(--mainWhite);
  text-align: right;
}
@media (max-width: 991px) {
  .sec-hero-banner .item .title {
    font-size: 40px;
    line-height: 48px;
    right: 30px;
  }
}
.sec-hero-banner .item .title p {
  margin-bottom: 0;
  text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}
.sec-hero-banner .slick-slide img {
  width: 100%;
  aspect-ratio: 192/95;
  object-fit: cover;
}
.sec-hero-banner .slick-dots {
  position: absolute;
  bottom: 50px;
  left: 50%;
  transform: translateX(-50%);
  display: flex;
  align-items: center;
  justify-content: center;
  width: 1092px;
  gap: 3%;
  z-index: 3;
  padding-left: 0;
}
@media (max-width: 991px) {
  .sec-hero-banner .slick-dots {
    width: 90%;
    bottom: 5%;
  }
}
.sec-hero-banner .slick-dots li {
  position: relative;
  width: 32%;
  height: 6px;
  border: 0;
  outline: 0;
  background-color: #ede9e9;
  opacity: 0.3;
}
.sec-hero-banner .slick-dots li.slick-active {
  opacity: 1;
}
.sec-hero-banner .slick-dots button {
  width: 100%;
  height: 6px;
  border-radius: 0;
  border: 0;
  outline: 0;
  position: absolute;
  inset: 0;
  cursor: pointer;
}

.sec-content-with-image-fullscreen,
.sec-cta-with-image-fullscreen {
  background-color: black;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen,
  .sec-cta-with-image-fullscreen {
    padding-top: 50px;
  }
}
.sec-content-with-image-fullscreen .sec-title,
.sec-cta-with-image-fullscreen .sec-title {
  font-size: 60px;
  line-height: 70px;
  color: white;
  font-weight: 400;
  text-align: center;
  margin-bottom: 100px;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .sec-title,
  .sec-cta-with-image-fullscreen .sec-title {
    font-size: 40px;
    line-height: 50px;
    padding: 0 15px;
    margin-bottom: 50px;
  }
}
.sec-content-with-image-fullscreen .content-container,
.sec-cta-with-image-fullscreen .content-container {
  display: grid;
  grid-template-columns: 1fr 40%;
  gap: 80px;
  width: 100%;
  padding-right: calc(var(--desktop-container-padding) / 2);
  position: relative;
  padding-bottom: 100px;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .content-container,
  .sec-cta-with-image-fullscreen .content-container {
    grid-template-columns: 1fr;
    gap: 50px;
    padding-bottom: 50px;
  }
}
.sec-content-with-image-fullscreen .content-container::before,
.sec-cta-with-image-fullscreen .content-container::before {
  position: absolute;
  z-index: 1;
  right: calc(var(--desktop-container-padding) / 2);
  bottom: 0;
  width: 40%;
  height: 300px;
  border-right: 2px solid var(--mainWhite);
  border-bottom: 2px solid var(--mainWhite);
  content: "";
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .content-container::before,
  .sec-cta-with-image-fullscreen .content-container::before {
    right: 15px;
    width: 60%;
    height: 100px;
  }
}
.sec-content-with-image-fullscreen .image-side,
.sec-cta-with-image-fullscreen .image-side {
  position: relative;
  z-index: 2;
}
.sec-content-with-image-fullscreen .image-side img,
.sec-cta-with-image-fullscreen .image-side img {
  width: 100%;
}
.sec-content-with-image-fullscreen .description-side,
.sec-cta-with-image-fullscreen .description-side {
  color: white;
  position: relative;
  z-index: 2;
  text-align: justify;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .description-side,
  .sec-cta-with-image-fullscreen .description-side {
    padding: 0 40px 0 15px;
  }
}
.sec-content-with-image-fullscreen .description-side .wrapper,
.sec-cta-with-image-fullscreen .description-side .wrapper {
  display: flex;
  flex-direction: column;
  gap: 40px;
  padding-right: calc(var(--desktop-container-padding) / 4);
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .description-side .wrapper,
  .sec-cta-with-image-fullscreen .description-side .wrapper {
    gap: 20px;
  }
}
.sec-content-with-image-fullscreen .description-side .title,
.sec-cta-with-image-fullscreen .description-side .title {
  font-size: 70px;
  line-height: 85px;
  font-weight: 400;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .description-side .title,
  .sec-cta-with-image-fullscreen .description-side .title {
    font-size: 40px;
    line-height: 50px;
  }
}
.sec-content-with-image-fullscreen .description-side .description,
.sec-cta-with-image-fullscreen .description-side .description {
  font-size: 20px;
  line-height: 30px;
}
.sec-content-with-image-fullscreen .ctas-side,
.sec-cta-with-image-fullscreen .ctas-side {
  color: white;
}
.sec-content-with-image-fullscreen .ctas-side .wrapper .title,
.sec-cta-with-image-fullscreen .ctas-side .wrapper .title {
  font-size: 70px;
  line-height: 85px;
  font-weight: 400;
  margin-bottom: 80px;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .ctas-side .wrapper .title,
  .sec-cta-with-image-fullscreen .ctas-side .wrapper .title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}
.sec-content-with-image-fullscreen .ctas-side .wrapper .cta-list,
.sec-cta-with-image-fullscreen .ctas-side .wrapper .cta-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-left: 0;
  position: relative;
  z-index: 3;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen .ctas-side .wrapper .cta-list,
  .sec-cta-with-image-fullscreen .ctas-side .wrapper .cta-list {
    gap: 30px;
  }
}
.sec-content-with-image-fullscreen.right .content-container,
.sec-cta-with-image-fullscreen.right .content-container {
  grid-template-columns: 40% 1fr;
  padding-right: 0;
  padding-left: calc(var(--desktop-container-padding) / 2);
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen.right .content-container,
  .sec-cta-with-image-fullscreen.right .content-container {
    grid-template-columns: 1fr;
  }
}
.sec-content-with-image-fullscreen.right .content-container::before,
.sec-cta-with-image-fullscreen.right .content-container::before {
  left: calc(var(--desktop-container-padding) / 2);
  right: unset;
  border-left: 2px solid var(--mainWhite);
  border-bottom: 2px solid var(--mainWhite);
  border-right: 0;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen.right .content-container::before,
  .sec-cta-with-image-fullscreen.right .content-container::before {
    left: 15px;
  }
}
.sec-content-with-image-fullscreen.right .image-side,
.sec-cta-with-image-fullscreen.right .image-side {
  order: 2;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen.right .image-side,
  .sec-cta-with-image-fullscreen.right .image-side {
    order: 1;
  }
}
.sec-content-with-image-fullscreen.right .description-side, .sec-content-with-image-fullscreen.right .ctas-side,
.sec-cta-with-image-fullscreen.right .description-side,
.sec-cta-with-image-fullscreen.right .ctas-side {
  order: 1;
}
@media (max-width: 991px) {
  .sec-content-with-image-fullscreen.right .description-side, .sec-content-with-image-fullscreen.right .ctas-side,
  .sec-cta-with-image-fullscreen.right .description-side,
  .sec-cta-with-image-fullscreen.right .ctas-side {
    order: 2;
    padding: 0 15px 0 40px;
  }
}
.sec-content-with-image-fullscreen.right .wrapper,
.sec-cta-with-image-fullscreen.right .wrapper {
  padding-right: 0;
  padding-left: calc(var(--desktop-container-padding) / 4);
}

.sec-inspiration-gallery {
  padding-top: 100px;
  color: white;
  background-color: #ede9e9;
}
@media (max-width: 991px) {
  .sec-inspiration-gallery {
    padding-top: 50px;
  }
}
.sec-inspiration-gallery .sec-title {
  font-size: 50px;
  line-height: 58px;
  color: black;
  text-align: center;
  margin-bottom: 40px;
}
.sec-inspiration-gallery .slick-list {
  margin-right: -15px;
}
.sec-inspiration-gallery .gallery-container {
  padding: 0 80px;
  position: relative;
}
@media (max-width: 595px) {
  .sec-inspiration-gallery .gallery-container {
    padding: 0 60px;
  }
}
.sec-inspiration-gallery .gallery-list {
  padding-left: 0;
}
.sec-inspiration-gallery .arrow-button {
  position: absolute;
  top: 50%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 595px) {
  .sec-inspiration-gallery .arrow-button img {
    width: 30px;
  }
}
.sec-inspiration-gallery .arrow-button.prev {
  left: 20px;
}
@media (max-width: 595px) {
  .sec-inspiration-gallery .arrow-button.prev {
    left: 10px;
  }
}
.sec-inspiration-gallery .arrow-button.next {
  right: 20px;
}
@media (max-width: 595px) {
  .sec-inspiration-gallery .arrow-button.next {
    right: 10px;
  }
}
.sec-inspiration-gallery .gallery-item {
  margin-right: 15px;
  position: relative;
}
.sec-inspiration-gallery .gallery-item a {
  position: relative;
}
.sec-inspiration-gallery .gallery-item a::before {
  position: absolute;
  left: 50%;
  top: 50%;
  transform: translate(-50%, -50%);
  width: 88px;
  height: 88px;
  background-image: url(48bf7ee72b8b9e52e219.png);
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center center;
  z-index: 2;
  content: "";
}
.sec-inspiration-gallery .gallery-item img {
  width: 100%;
  aspect-ratio: 1/1;
  position: relative;
  z-index: 1;
}

.sec-roomvo {
  position: relative;
  color: white;
}
@media (max-width: 991px) {
  .sec-roomvo {
    padding-top: 50px;
  }
}
.sec-roomvo .roomvo-list {
  padding-left: 0;
  margin-bottom: 0;
}
.sec-roomvo .roomvo-item {
  width: 100%;
  position: relative;
  z-index: 1;
}
.sec-roomvo .roomvo-item img {
  width: 100%;
}
.sec-roomvo .slick-track,
.sec-roomvo .slick-slide {
  width: 100% !important;
}
.sec-roomvo .mini-title {
  position: absolute;
  top: 5%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  z-index: 2;
  text-align: center;
  font-size: 42px;
  line-height: 62px;
}
@media (max-width: 991px) {
  .sec-roomvo .mini-title {
    font-size: 25px;
    line-height: 30px;
  }
}
@media (max-width: 991px) {
  .sec-roomvo .mini-title.desktop {
    display: none;
  }
}
.sec-roomvo .mini-title.mobile {
  display: none;
  position: relative;
  top: 0;
  left: 0;
  transform: none;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .sec-roomvo .mini-title.mobile {
    display: block;
  }
}
.sec-roomvo .try-it-now-button {
  position: absolute;
  left: 50%;
  bottom: 6%;
  transform: translateX(-50%);
  color: white;
  padding: 15px 50px;
  border-radius: 12px;
  background-color: black;
  font-size: 55px;
  line-height: 65px;
  text-decoration: none;
  width: fit-content;
}
@media (max-width: 991px) {
  .sec-roomvo .try-it-now-button {
    font-size: 20px;
    line-height: 25px;
    padding: 8px 10px;
    bottom: 2%;
  }
}
.sec-roomvo .try-it-now-button:hover {
  color: white;
}

.sec-head-banner {
  position: relative;
}
.sec-head-banner .background-image {
  width: 100%;
  aspect-ratio: 1920/950;
  position: relative;
  z-index: 1;
}
.sec-head-banner .bottom-side {
  position: absolute;
  z-index: 3;
  bottom: 0;
  left: 0;
  width: 100%;
}
.sec-head-banner .bottom-side .title {
  color: white;
  font-size: 120px;
  line-height: 130px;
  white-space: pre-line;
}
@media (max-width: 991px) {
  .sec-head-banner .bottom-side .title {
    font-size: 60px;
    line-height: 70px;
  }
}
.sec-head-banner::before {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.9%, #000000 94.4%);
  z-index: 2;
  content: "";
}

.sec-introduce {
  background-color: black;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-introduce {
    padding-top: 50px;
  }
}
.sec-introduce .inner {
  display: grid;
  grid-template-columns: 30% 1fr;
  gap: 40px;
  color: white;
  padding: 80px;
  position: relative;
}
@media (max-width: 991px) {
  .sec-introduce .inner {
    grid-template-columns: 1fr;
    padding: 30px 15px 0 15px;
  }
}
.sec-introduce .inner::before {
  position: absolute;
  width: 230px;
  height: 200px;
  content: "";
  top: 0;
  left: 0;
  border-left: 1px solid white;
  border-top: 1px solid white;
}
.sec-introduce .inner::after {
  position: absolute;
  width: 600px;
  height: 200px;
  content: "";
  bottom: 0;
  right: 0;
  border-right: 1px solid white;
  border-bottom: 1px solid white;
}
@media (max-width: 991px) {
  .sec-introduce .inner::after {
    width: 60%;
  }
}
.sec-introduce .title-side {
  font-size: 80px;
  line-height: 110px;
}
@media (max-width: 991px) {
  .sec-introduce .title-side {
    font-size: 50px;
    line-height: 65px;
  }
}
.sec-introduce .title-side p:nth-child(even) {
  text-align: right;
  width: 100%;
}
@media (max-width: 991px) {
  .sec-introduce .title-side p:nth-child(even) {
    text-align: left;
  }
}
.sec-introduce .title-side .features-text {
  font-size: 60px;
  line-height: 1;
}
@media (max-width: 991px) {
  .sec-introduce .title-side .features-text {
    font-size: 35px;
  }
}
.sec-introduce .description-side {
  font-size: 30px;
  line-height: 50px;
}
@media (max-width: 991px) {
  .sec-introduce .description-side {
    font-size: 20px;
    line-height: 35px;
  }
}

.sec-collection-list {
  padding-top: 100px;
  background-color: black;
  color: white;
}
@media (max-width: 991px) {
  .sec-collection-list {
    padding-top: 50px;
  }
}
.sec-collection-list .collection-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 50px;
  padding-left: 0;
}
@media (max-width: 991px) {
  .sec-collection-list .collection-list {
    grid-template-columns: 1fr;
    gap: 30px;
  }
}
.sec-collection-list .collection-item {
  position: relative;
}
.sec-collection-list .collection-item:hover .specification-table {
  opacity: 1;
  visibility: visible;
}
.sec-collection-list .collection-item:hover .collection-name {
  opacity: 0;
  visibility: none;
}
.sec-collection-list .collection-name {
  position: absolute;
  bottom: 10px;
  left: 50%;
  transform: translateX(-50%);
  z-index: 2;
  font-size: 60px;
  line-height: 1;
  transition: all 300ms linear;
}
@media (max-width: 991px) {
  .sec-collection-list .collection-name {
    font-size: 40px;
    display: none;
  }
}
.sec-collection-list .feature-image {
  width: 100%;
  position: relative;
  z-index: 1;
  aspect-ratio: 850/500;
}
.sec-collection-list .collection-link {
  position: absolute;
  inset: 0;
  z-index: 3;
  content: "";
}
.sec-collection-list .specification-table {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.4);
  z-index: 2;
  display: flex;
  flex-direction: column;
  gap: 20px;
  justify-content: center;
  align-items: center;
  opacity: 0;
  visibility: none;
  transition: all 300ms linear;
}
.sec-collection-list .specification-table .name {
  font-size: 40px;
  line-height: 1;
}
@media (max-width: 991px) {
  .sec-collection-list .specification-table .name {
    font-size: 25px;
  }
}
.sec-collection-list .specification-table .specification-item {
  font-size: 18px;
}
@media (max-width: 991px) {
  .sec-collection-list .specification-table .specification-item {
    font-size: 12px;
  }
}

.sec-single-banner-cta {
  background-color: #000000;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-single-banner-cta {
    padding-top: 50px;
  }
}
.sec-single-banner-cta.has-border-top .outer {
  border-top: 1px solid white;
  padding-top: 80px;
}
@media (max-width: 991px) {
  .sec-single-banner-cta.has-border-top .outer {
    padding-top: 40px;
  }
}
.sec-single-banner-cta .outer {
  padding: 0 100px 80px;
  border-bottom: 1px solid white;
}
@media (max-width: 991px) {
  .sec-single-banner-cta .outer {
    padding: 0 15px 40px;
  }
}
.sec-single-banner-cta .inner {
  position: relative;
}
.sec-single-banner-cta .inner::before {
  position: absolute;
  bottom: 0;
  left: 0;
  height: 30%;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.9%, #000000 94.4%);
  content: "";
  z-index: 2;
}
.sec-single-banner-cta .banner {
  width: 100%;
  aspect-ratio: 1500/550;
  object-fit: cover;
  position: relative;
  z-index: 1;
}
.sec-single-banner-cta .name-side {
  display: flex;
  align-items: center;
  justify-content: space-between;
  color: white;
  font-size: 60px;
  line-height: 1;
  position: absolute;
  bottom: 3%;
  width: 100%;
  padding: 0 3%;
  z-index: 3;
}
@media (max-width: 991px) {
  .sec-single-banner-cta .name-side {
    font-size: 40px;
  }
}
.sec-single-banner-cta .name-side .name {
  text-shadow: 0px 4px 20px rgba(0, 0, 0, 0.3);
}
.sec-single-banner-cta .banner-link {
  position: absolute;
  z-index: 3;
  inset: 0;
}

.sec-cta-list {
  color: white;
}
.sec-cta-list .inner {
  padding: 80px 100px;
}
@media (max-width: 991px) {
  .sec-cta-list .inner {
    padding: 40px 0;
  }
}
.sec-cta-list .cta-list {
  display: grid;
  grid-template-columns: 1fr 1fr;
  gap: 100px;
  padding-left: 0;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .sec-cta-list .cta-list {
    grid-template-columns: 1fr;
    gap: 40px;
  }
}
.sec-cta-list .cta-item {
  position: relative;
  padding: 20px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 20px;
  width: 100%;
  text-align: right;
  border: 1px solid white;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .sec-cta-list .cta-item {
    padding: 10px 20px;
  }
}
.sec-cta-list .cta-item .label {
  font-size: 40px;
  line-height: 50px;
  font-family: "Calibri";
}
@media screen {
  .sec-cta-list .cta-item .label {
    font-size: 30px;
    line-height: 40px;
  }
}
.sec-cta-list .cta-item img {
  width: auto;
  height: 100px;
  position: relative;
  z-index: 1;
}
.sec-cta-list .cta-item a {
  position: absolute;
  inset: 0;
  z-index: 2;
}

.sec-single-paragraph {
  padding: 50px 100px 0px;
  color: white;
  text-align: justify;
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .sec-single-paragraph {
    padding: 30px 0;
  }
}

.sec-card-list-grid {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-card-list-grid {
    padding-top: 50px;
  }
}
.sec-card-list-grid .inner {
  padding: 100px 80px;
  background-color: white;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .sec-card-list-grid .inner {
    padding: 50px 40px;
  }
}
@media (max-width: 595px) {
  .sec-card-list-grid .inner {
    padding: 40px;
  }
}
.sec-card-list-grid .head-title {
  margin-bottom: 100px;
}
.sec-card-list-grid .main-cta {
  padding: 20px 80px;
  color: black;
  border: 1px solid black;
  text-decoration: none;
  border-radius: 8px;
  font-size: 40px;
  line-height: 1;
  margin: 0 auto;
  display: block;
  width: fit-content;
  text-align: center;
}
@media (max-width: 991px) {
  .sec-card-list-grid .main-cta {
    padding: 10px 15px;
    font-size: 25px;
  }
}
.sec-card-list-grid .card-list {
  margin-bottom: 140px;
}
@media (max-width: 991px) {
  .sec-card-list-grid .card-list {
    margin-bottom: 70px;
  }
}
.sec-card-list-grid .card-item {
  position: relative;
}
.sec-card-list-grid .card-item::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 60%;
  content: "";
  background-color: black;
}
.sec-card-list-grid .card-item img {
  width: 100%;
  position: relative;
  z-index: 1;
  aspect-ratio: 5/3;
  display: block;
}
.sec-card-list-grid .card-item .title {
  padding: 16px 0;
  position: relative;
  z-index: 1;
  font-size: 25px;
}
.sec-card-list-grid .card-item .card-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.sec-card-list-grid .card-list {
  display: grid;
  grid-template-columns: 1fr 1fr 1fr;
  gap: 80px 30px;
}
@media (max-width: 991px) {
  .sec-card-list-grid .card-list {
    grid-template-columns: 1fr 1fr;
    gap: 40px 20px;
  }
}
@media (max-width: 595px) {
  .sec-card-list-grid .card-list {
    grid-template-columns: 1fr;
  }
}

.sec-card-list-slider {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-card-list-slider {
    padding-top: 50px;
  }
}
.sec-card-list-slider .inner {
  padding: 100px 80px;
  background-color: white;
  border-radius: 10px;
}
@media (max-width: 991px) {
  .sec-card-list-slider .inner {
    padding: 50px 40px;
  }
}
@media (max-width: 595px) {
  .sec-card-list-slider .inner {
    padding: 40px;
  }
}
.sec-card-list-slider .head-title {
  margin-bottom: 100px;
}
.sec-card-list-slider .main-cta {
  padding: 20px 80px;
  color: black;
  border: 1px solid black;
  text-decoration: none;
  border-radius: 8px;
  font-size: 40px;
  line-height: 1;
  margin: 0 auto;
  display: block;
  width: fit-content;
  text-align: center;
}
@media (max-width: 991px) {
  .sec-card-list-slider .main-cta {
    padding: 10px 15px;
    font-size: 25px;
  }
}
.sec-card-list-slider .card-list {
  margin-bottom: 140px;
}
@media (max-width: 991px) {
  .sec-card-list-slider .card-list {
    margin-bottom: 70px;
  }
}
.sec-card-list-slider .card-item {
  position: relative;
}
.sec-card-list-slider .card-item::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 2px;
  width: 60%;
  content: "";
  background-color: black;
}
.sec-card-list-slider .card-item img {
  width: 100%;
  position: relative;
  z-index: 1;
  aspect-ratio: 5/3;
  display: block;
}
.sec-card-list-slider .card-item .title {
  padding: 16px 0;
  position: relative;
  z-index: 1;
  font-size: 25px;
}
.sec-card-list-slider .card-item .card-link {
  position: absolute;
  inset: 0;
  z-index: 2;
}
.sec-card-list-slider .head-title {
  text-align: center;
  margin-bottom: 80px;
  font-size: 55px;
  line-height: 67px;
}
@media (max-width: 991px) {
  .sec-card-list-slider .head-title {
    font-size: 40px;
    line-height: 50px;
    margin-bottom: 40px;
  }
}
.sec-card-list-slider .card-item {
  margin-right: 20px;
}
.sec-card-list-slider .slick-list {
  margin-right: -20px;
}
.sec-card-list-slider .slider-container {
  position: relative;
}
.sec-card-list-slider .arrow-button {
  position: absolute;
  top: 40%;
  transform: translateY(-50%);
  cursor: pointer;
}
@media (max-width: 991px) {
  .sec-card-list-slider .arrow-button img {
    width: 25px;
  }
}
.sec-card-list-slider .arrow-button.prev {
  left: -60px;
}
@media (max-width: 991px) {
  .sec-card-list-slider .arrow-button.prev {
    left: -33px;
  }
}
.sec-card-list-slider .arrow-button.next {
  right: -60px;
}
@media (max-width: 991px) {
  .sec-card-list-slider .arrow-button.next {
    right: -33px;
  }
}

.sec-product-introduce {
  color: white;
  padding-top: 150px;
  width: 100%;
}
@media (max-width: 991px) {
  .sec-product-introduce {
    padding-top: 80px;
  }
}
.sec-product-introduce .inner {
  width: 100%;
  display: grid;
  grid-template-columns: 60% 1fr;
  gap: 40px;
}
@media (max-width: 991px) {
  .sec-product-introduce .inner {
    display: flex;
    flex-direction: column;
    gap: 25px;
  }
}
.sec-product-introduce .image-list-side {
  position: relative;
}
.sec-product-introduce .image-list-side .see-in-room-button {
  position: absolute;
  bottom: 0;
  left: 0;
  width: 100%;
  padding: 16px;
  background-color: rgba(0, 0, 0, 0.5);
  color: white;
  font-size: 40px;
  line-height: 50px;
  text-decoration: none;
  text-align: center;
}
.sec-product-introduce .image-list {
  padding-left: 0;
  margin-bottom: 0;
}
.sec-product-introduce .image-item img {
  width: 100%;
  aspect-ratio: 1100/660;
}
.sec-product-introduce .specification-side {
  display: flex;
  flex-direction: column;
  gap: 60px;
  height: 100%;
}
@media (max-width: 991px) {
  .sec-product-introduce .specification-side {
    gap: 30px;
  }
}
.sec-product-introduce .specification-side .top {
  display: flex;
  gap: 40px;
}
.sec-product-introduce .specification-side .product-name {
  font-size: 60px;
  line-height: 70px;
}
@media (max-width: 991px) {
  .sec-product-introduce .specification-side .product-name {
    font-size: 40px;
    line-height: 50px;
  }
}
.sec-product-introduce .specification-side .collection-name {
  font-size: 30px;
  line-height: 40px;
  font-weight: 300;
}
@media (max-width: 991px) {
  .sec-product-introduce .specification-side .collection-name {
    font-size: 20px;
    line-height: 25px;
  }
}
.sec-product-introduce .specification-side .quick-ship-image img {
  width: 120px;
  position: relative;
  top: -30px;
}
.sec-product-introduce .description {
  font-size: 23px;
  line-height: 32px;
}
.sec-product-introduce .cta-side {
  display: flex;
  align-items: center;
  gap: 20px;
}
.sec-product-introduce .cta-side .get-in-touch-button,
.sec-product-introduce .cta-side .spec-file-list-button {
  padding: 5px 30px;
  border: 1px solid white;
  border-radius: 8px;
  color: white;
  text-decoration: none;
  display: block;
  width: 100%;
  text-align: center;
  position: relative;
  display: flex;
  gap: 10px;
  align-items: center;
  justify-content: center;
}
@media (max-width: 991px) {
  .sec-product-introduce .cta-side .get-in-touch-button,
  .sec-product-introduce .cta-side .spec-file-list-button {
    padding: 5px 15px;
  }
}
.sec-product-introduce .cta-side .get-in-touch-button .arrow-icon,
.sec-product-introduce .cta-side .spec-file-list-button .arrow-icon {
  width: 10px;
  transition: all 0.3s linear;
}
.sec-product-introduce .cta-side .get-in-touch-button:hover .spec-list-container,
.sec-product-introduce .cta-side .spec-file-list-button:hover .spec-list-container {
  top: 100%;
  opacity: 1;
  visibility: visible;
}
.sec-product-introduce .cta-side .get-in-touch-button:hover .arrow-icon,
.sec-product-introduce .cta-side .spec-file-list-button:hover .arrow-icon {
  transform: rotate(180deg);
}
.sec-product-introduce .cta-side .spec-list-container {
  position: absolute;
  top: 70%;
  right: 0;
  content: "";
  z-index: 3;
  padding-top: 10px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
  width: 100%;
  height: fit-content;
}
.sec-product-introduce .cta-side .spec-file-list {
  background-color: white;
  border-radius: 5px;
  padding: 5px;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 5px;
  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}
.sec-product-introduce .cta-side .spec-file-list .spec-file-item a {
  color: #7f7f7f;
  text-decoration: none;
}
.sec-product-introduce .cta-side .spec-file-list .spec-file-item a:hover {
  color: black;
}

.sec-specification-table {
  color: white;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-specification-table {
    padding-top: 50px;
  }
}
.sec-specification-table .inner {
  width: 100%;
}
@media (max-width: 1200px) {
  .sec-specification-table .inner {
    overflow-x: scroll;
  }
}
.sec-specification-table table {
  border: 1px solid white;
  border-collapse: collapse;
  text-align: center;
  box-sizing: border-box;
  table-layout: fixed;
}
.sec-specification-table table th,
.sec-specification-table table td {
  border: 1px solid white;
  border-collapse: collapse;
}
.sec-specification-table table tr {
  border-bottom: 1px solid white;
}
.sec-specification-table table th {
  padding: 5px 10px;
  width: 300px;
}
.sec-specification-table table td {
  padding: 5px 10px;
  width: 150px;
}

.sec-content-with-image {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-content-with-image {
    padding-top: 50px;
  }
}
.sec-content-with-image .sec-title {
  font-size: 60px;
  line-height: 70px;
  color: white;
  font-weight: 400;
  margin-bottom: 40px;
  text-align: right;
}
@media (max-width: 991px) {
  .sec-content-with-image .sec-title {
    font-size: 45px;
    line-height: 55px;
    text-align: left;
    margin-bottom: 30px;
  }
}
.sec-content-with-image .inner {
  position: relative;
  padding: 0 80px 100px;
}
@media (max-width: 991px) {
  .sec-content-with-image .inner {
    padding: 50px 20px 50px;
  }
}
.sec-content-with-image .inner::before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 300px;
  height: 200px;
  border-left: 2px solid white;
  border-top: 2px solid white;
  z-index: 2;
}
@media (max-width: 991px) {
  .sec-content-with-image .inner::before {
    width: 60%;
    max-width: 300px;
    height: 100px;
  }
}
.sec-content-with-image .inner::after {
  position: absolute;
  content: "";
  right: 0;
  bottom: 0;
  width: 500px;
  height: 200px;
  border-right: 2px solid white;
  border-bottom: 2px solid white;
  z-index: 2;
}
@media (max-width: 991px) {
  .sec-content-with-image .inner::after {
    width: 60%;
    max-width: 300px;
    height: 100px;
  }
}
.sec-content-with-image .description-side .wrapper {
  width: 100%;
  height: 100%;
  display: flex;
  align-items: center;
}
.sec-content-with-image .description-side .description p {
  font-size: 20px;
  line-height: 30px;
}
@media (max-width: 1024px) {
  .sec-content-with-image .description-side .description p {
    font-size: 16px;
    line-height: 25px;
  }
}
.sec-content-with-image .image-side {
  position: relative;
}
.sec-content-with-image .image-side img {
  width: 100%;
  aspect-ratio: 850/500;
}
.sec-content-with-image .image-side .specification-table {
  position: absolute;
  inset: 0;
  background-color: rgba(0, 0, 0, 0.5);
  display: flex;
  justify-content: center;
  align-items: center;
  visibility: hidden;
  opacity: 0;
  transition: all 0.3s linear;
}
.sec-content-with-image .image-side .specification-list {
  padding: 0;
  list-style: none;
}
.sec-content-with-image .image-side .specification-item {
  display: flex;
  font-size: 22px;
}
@media (max-width: 991px) {
  .sec-content-with-image .image-side .specification-item {
    font-size: 16px;
    line-height: 22px;
  }
}
.sec-content-with-image .image-side .specification-item .name {
  width: 80px;
}
.sec-content-with-image .image-side .collection-link {
  position: absolute;
  inset: 0;
  z-index: 3;
  content: "";
}
.sec-content-with-image .image-side:hover .specification-table {
  visibility: visible;
  opacity: 1;
}
.sec-content-with-image .content-container {
  display: grid;
  grid-template-columns: 60% 1fr;
  gap: 40px;
  color: white;
}
@media (max-width: 991px) {
  .sec-content-with-image .content-container {
    grid-template-columns: 1fr;
  }
}
.sec-content-with-image.image-right .sec-title {
  text-align: left;
}
.sec-content-with-image.image-right .content-container {
  grid-template-columns: 1fr 60%;
}
@media (max-width: 991px) {
  .sec-content-with-image.image-right .content-container {
    grid-template-columns: 1fr;
  }
}
.sec-content-with-image.image-right .inner::before {
  right: 0;
  left: unset;
  border-right: 2px solid white;
  border-top: 2px solid white;
  border-left: 0;
}
.sec-content-with-image.image-right .inner::after {
  right: unset;
  left: 0;
  border-left: 2px solid white;
  border-bottom: 2px solid white;
  border-right: 0;
}
.sec-content-with-image.image-right .image-side {
  order: 2;
}

.sec-banner-with-single-cta .inner {
  position: relative;
}
.sec-banner-with-single-cta .banner {
  width: 100%;
  aspect-ratio: 1920/950;
  object-fit: cover;
}
.sec-banner-with-single-cta .cta-container {
  position: absolute;
  left: 50%;
  bottom: 5%;
  transform: translateX(-50%);
}
.sec-banner-with-single-cta .cta-container a {
  padding: 10px 50px;
  color: white;
  text-decoration: none;
  font-size: 40px;
  background-color: rgba(0, 0, 0, 0.8);
  border-radius: 8px;
  display: block;
  text-align: center;
}
@media (max-width: 991px) {
  .sec-banner-with-single-cta .cta-container a {
    font-size: 25px;
    padding: 8px 15px;
  }
}

.sec-banner-with-cta-list {
  color: white;
}
.sec-banner-with-cta-list .banner-side {
  position: relative;
  z-index: 1;
}
.sec-banner-with-cta-list .banner-side::before {
  position: absolute;
  left: 0;
  bottom: 0;
  height: 200px;
  width: 100%;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.9%, rgba(0, 0, 0, 0.8) 94.4%);
  content: "";
  z-index: 1;
}
.sec-banner-with-cta-list .banner-side .banner {
  width: 100%;
}
.sec-banner-with-cta-list .banner-side .title-side {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
  color: white;
  font-weight: 700;
}
@media (max-width: 991px) {
  .sec-banner-with-cta-list .banner-side .title-side {
    display: none;
  }
}
.sec-banner-with-cta-list .banner-side .title-item {
  font-size: 25px;
  padding-bottom: 20px;
  border-bottom: 1px solid white;
}
.sec-banner-with-cta-list .banner-side .title-list {
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 40px;
  margin-bottom: 0;
}
.sec-banner-with-cta-list .column-list {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  padding-left: 0;
  gap: 40px;
}
@media (max-width: 991px) {
  .sec-banner-with-cta-list .column-list {
    grid-template-columns: 1fr;
    padding-top: 50px;
  }
}
.sec-banner-with-cta-list .column-container {
  display: flex;
  flex-direction: column;
  gap: 20px;
}
.sec-banner-with-cta-list .column-title {
  font-size: 30px;
  display: none;
}
@media (max-width: 991px) {
  .sec-banner-with-cta-list .column-title {
    display: block;
  }
}
.sec-banner-with-cta-list .link-list {
  padding-left: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 20px;
  padding-top: 40px;
  position: relative;
}
@media (max-width: 991px) {
  .sec-banner-with-cta-list .link-list {
    padding-top: 0;
    gap: 10px;
  }
}
.sec-banner-with-cta-list .link-item {
  position: relative;
  z-index: 1;
  width: fit-content;
}
.sec-banner-with-cta-list .link-item a {
  color: white;
  text-decoration: none;
  font-size: 25px;
  line-height: 30px;
  position: relative;
  z-index: 1;
}
@media (max-width: 991px) {
  .sec-banner-with-cta-list .link-item a {
    font-size: 20px;
    line-height: 22px;
  }
}
.sec-banner-with-cta-list .link-item a:hover {
  color: white;
}
.sec-banner-with-cta-list .link-item-has-child {
  position: relative;
  z-index: 2;
  color: white;
  font-size: 25px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .sec-banner-with-cta-list .link-item-has-child {
    font-size: 20px;
    line-height: 22px;
  }
}
.sec-banner-with-cta-list .link-item-has-child:hover .sub-link-list {
  opacity: 1;
  visibility: visible;
  top: 100%;
}
.sec-banner-with-cta-list .link-item-has-child:hover .arrow-icon {
  transform: rotate(180deg);
}
.sec-banner-with-cta-list .sub-link-list-title {
  cursor: pointer;
  display: flex;
  align-items: center;
  gap: 10px;
  width: fit-content;
}
.sec-banner-with-cta-list .sub-link-list-title .arrow-icon {
  width: 10px;
  transition: all 0.3s linear;
}
.sec-banner-with-cta-list .sub-link-list {
  position: absolute;
  left: 0;
  top: 50%;
  z-index: 3;
  background-color: white;
  content: "";
  width: 250px;
  padding: 10px;
  display: flex;
  flex-direction: column;
  gap: 5px;
  border-radius: 5px;
  opacity: 0;
  visibility: hidden;
  transition: all 0.3s linear;
}
.sec-banner-with-cta-list .sub-link-list a {
  color: #7f7f7f;
  text-decoration: none;
  font-size: 16px;
  line-height: 20px;
}
.sec-banner-with-cta-list .sub-link-list a:hover {
  color: black;
}
.sec-banner-with-cta-list .sub-link-item {
  margin-bottom: 0;
  height: fit-content;
}
.sec-banner-with-cta-list .sub-link-item a {
  font-size: 14px;
  line-height: 20px;
  display: block;
}

.sec-visualizer-step {
  color: white;
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-visualizer-step {
    padding-top: 50px;
  }
}
.sec-visualizer-step.has-padding-bottom {
  padding-bottom: 200px;
}
.sec-visualizer-step .short-line {
  width: 150px;
  padding-bottom: 80px;
  border-top: 1px solid white;
  margin: 0 auto;
}
@media (max-width: 991px) {
  .sec-visualizer-step .short-line {
    padding-bottom: 50px;
  }
}
.sec-visualizer-step .inner {
  display: flex;
  flex-direction: column;
  width: 100%;
}
.sec-visualizer-step .title-side {
  text-align: center;
  margin-bottom: 120px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .title-side {
    margin-bottom: 60px;
  }
}
.sec-visualizer-step .title-side .top {
  font-weight: 700;
  font-size: 35px;
  line-height: 40px;
  margin-bottom: 30px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .title-side .top {
    font-size: 25px;
    line-height: 30px;
  }
}
.sec-visualizer-step .title-side .bottom {
  font-size: 25px;
  line-height: 30px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .title-side .bottom {
    font-size: 18px;
    line-height: 25px;
  }
}
.sec-visualizer-step .step-side {
  margin-bottom: 200px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .step-side {
    margin-bottom: 100px;
  }
}
.sec-visualizer-step .step-list {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 60px;
  padding-left: 0;
}
.sec-visualizer-step .step-item {
  display: grid;
  grid-template-columns: 40% 1fr;
  gap: 120px;
  font-size: 35px;
  align-items: center;
}
@media (max-width: 991px) {
  .sec-visualizer-step .step-item {
    grid-template-columns: 1fr;
    gap: 40px;
    font-size: 24px;
  }
}
.sec-visualizer-step .step-item .description {
  height: fit-content;
  padding-bottom: 80px;
  border-bottom: 1px solid #c6c6c6;
}
@media (max-width: 991px) {
  .sec-visualizer-step .step-item .description {
    padding-bottom: 30px;
    text-align: center;
  }
}
.sec-visualizer-step .step-item:nth-child(even) {
  grid-template-columns: 1fr 40%;
}
@media (max-width: 991px) {
  .sec-visualizer-step .step-item:nth-child(even) {
    grid-template-columns: 1fr;
  }
}
.sec-visualizer-step .step-item:nth-child(even) .image-visualizer {
  order: 2;
  justify-content: start;
}
@media (max-width: 991px) {
  .sec-visualizer-step .step-item:nth-child(even) .image-visualizer {
    order: 1;
    justify-content: center;
  }
}
@media (max-width: 991px) {
  .sec-visualizer-step .step-item:nth-child(even) .description {
    order: 2;
  }
}
.sec-visualizer-step .image-visualizer {
  display: flex;
  justify-content: end;
}
@media (max-width: 991px) {
  .sec-visualizer-step .image-visualizer {
    justify-content: center;
  }
}
.sec-visualizer-step .image-visualizer img {
  width: 70%;
}
.sec-visualizer-step .cta-side {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  gap: 50px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .cta-side {
    gap: 25px;
  }
}
.sec-visualizer-step .cta-side a {
  padding: 10px 50px;
  color: white;
  text-decoration: none;
  border: 1px solid white;
  display: flex;
  justify-content: center;
  font-size: 40px;
  line-height: 50px;
  border-radius: 5px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .cta-side a {
    padding: 10px 20px;
    font-size: 30px;
    line-height: 40px;
  }
}
.sec-visualizer-step .cta-side a:hover {
  color: white;
}
.sec-visualizer-step .cta-side-title {
  font-size: 50px;
  line-height: 60px;
}
@media (max-width: 991px) {
  .sec-visualizer-step .cta-side-title {
    font-size: 35px;
    line-height: 45px;
    text-align: center;
  }
}

.sec-banner-with-tab-list {
  color: white;
}
.sec-banner-with-tab-list .banner-side {
  position: relative;
}
.sec-banner-with-tab-list .banner-side::before {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  height: 200px;
  background: linear-gradient(180deg, rgba(0, 0, 0, 0) 10.9%, #000000 94.4%);
  content: "";
  z-index: 2;
  opacity: 0.5;
}
.sec-banner-with-tab-list .result-side {
  padding-top: 100px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .result-side {
    padding-top: 50px;
  }
}
.sec-banner-with-tab-list .tab-list-side {
  position: absolute;
  left: 0;
  bottom: 0;
  width: 100%;
  z-index: 3;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .tab-list-container {
    overflow-x: scroll;
  }
}
.sec-banner-with-tab-list .tab-list {
  padding-left: 0;
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 20px;
  margin-bottom: 0;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .tab-list {
    display: flex;
    align-items: center;
    flex-wrap: nowrap;
  }
}
.sec-banner-with-tab-list .tab-item {
  width: 100%;
}
.sec-banner-with-tab-list .tab-item button {
  width: 100%;
  font-size: 30px;
  line-height: 1;
  height: fit-content;
  padding: 10px 5px;
  border: 0;
  outline: none;
  color: white;
  background-color: black;
  cursor: pointer;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .tab-item button {
    font-size: 20px;
    word-break: keep-all;
    white-space: nowrap;
  }
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .tab-item button {
    font-size: 20px;
    word-break: keep-all;
    white-space: nowrap;
  }
}
.sec-banner-with-tab-list .tab-item button.active {
  color: black;
  background-color: white;
}
.sec-banner-with-tab-list .card-list {
  display: grid;
  grid-template-columns: repeat(2, 1fr);
  gap: 50px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list {
    grid-template-columns: 1fr;
  }
}
.sec-banner-with-tab-list .card-list.hide {
  display: none;
}
.sec-banner-with-tab-list .card-list .card-item {
  background-color: #191919;
  display: flex;
  flex-direction: column;
  align-items: center;
  padding: 80px 40px 160px;
  gap: 45px;
  width: 100%;
  max-width: 700px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .card-item {
    padding: 40px 20px;
    gap: 30px;
  }
}
.sec-banner-with-tab-list .card-list .card-item .logo {
  width: 145px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .card-item .logo {
    width: 90px;
  }
}
.sec-banner-with-tab-list .card-list .card-item .top {
  display: flex;
  flex-direction: column;
  align-items: center;
  text-align: center;
  gap: 30px;
}
.sec-banner-with-tab-list .card-list .card-item .bottom {
  text-align: center;
  color: #7f7f7f;
  font-size: 30px;
  line-height: 35px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .card-item .bottom {
    font-size: 20px;
    line-height: 24px;
  }
}
.sec-banner-with-tab-list .card-list .card-item .card-title {
  font-size: 40px;
  line-height: 46px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .card-item .card-title {
    font-size: 30px;
    line-height: 35px;
  }
}
.sec-banner-with-tab-list .card-list .left-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .left-column {
    gap: 30px;
  }
}
.sec-banner-with-tab-list .card-list .left-column .card-item.mobile {
  display: none;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .left-column .card-item.mobile {
    display: flex;
  }
}
.sec-banner-with-tab-list .card-list .right-column {
  width: 100%;
  display: flex;
  flex-direction: column;
  gap: 50px;
}
@media (max-width: 991px) {
  .sec-banner-with-tab-list .card-list .right-column {
    display: none;
  }
}

.hide {
  display: none;
}

@font-face {
  font-family: "GillSan";
  src: url(c837f6c4f8e7faa1ff78.woff2) format("woff2");
  font-weight: normal;
  font-style: normal;
}
@font-face {
  font-family: "GillSan";
  src: url(7cb9166542066529cdba.woff2) format("woff2");
  font-weight: 500;
  font-style: normal;
}
@font-face {
  font-family: "GillSan";
  src: url(691fafd118125fc06683.woff2) format("woff2");
  font-weight: 700;
  font-style: normal;
}
@font-face {
  font-family: "calibri";
  src: url(29c57b05b7345f94042a.ttf);
  font-weight: normal;
}
@font-face {
  font-family: "calibri";
  src: url(d2362af0b37d31196c7c.ttf);
  font-weight: bold;
}
@font-face {
  font-family: "calibri";
  src: url(bfc9611cc594de9eda6b.ttf);
  font-weight: lighter;
}
* {
  font-family: "GillSan", sans-serif;
  box-sizing: border-box;
}

html {
  margin-top: 0 !important;
}

body {
  margin: 0;
  overflow-x: hidden;
  background-color: black !important;
  color: white;
}

ul {
  margin: 0;
  padding: 0;
  list-style: none;
}

.piy-container {
  width: 100%;
  max-width: 1560px;
  padding-left: 15px;
  padding-right: 15px;
  margin-left: auto;
  margin-right: auto;
}

#site-footer {
  padding: 40px 70px;
  background-color: black;
}
@media (max-width: 1024px) {
  #site-footer {
    padding: 30px 15px;
  }
}
#site-footer .social-list {
  display: flex;
  align-items: center;
  justify-content: center;
  gap: 12px;
  margin-bottom: 25px;
  padding-left: 0;
}
#site-footer .social-item {
  width: 30px;
  height: 30px;
}
#site-footer .social-item img {
  width: 100%;
}
#site-footer .copy-right {
  background-color: black;
  display: flex;
  justify-content: center;
  align-items: center;
  width: 100%;
}
#site-footer .copy-right p {
  color: white;
  font-size: 30px;
  margin: 0;
}
@media (max-width: 767px) {
  #site-footer .copy-right p {
    font-size: 14px;
  }
}
#site-footer .copy-right sup {
  font-size: 14px;
}
@media (max-width: 767px) {
  #site-footer .copy-right sup {
    font-size: 6px;
  }
}

section.has-padding-bottom {
  padding-bottom: 100px;
}
@media (max-width: 1024px) {
  section.has-padding-bottom {
    padding-bottom: 50px;
  }
}

.general-button {
  width: 100%;
  max-width: 416px;
  padding: 16px 40px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  border: 1px solid var(--mainWhite);
  border-radius: 5px;
  font-size: 40px;
  line-height: 46px;
  color: white;
  text-decoration: none;
}
@media (max-width: 1024px) {
  .general-button {
    width: fit-content;
    padding: 8px 20px;
    font-size: 25px;
    line-height: 30px;
    gap: 20px;
  }
}
.general-button img {
  width: 12px;
}
.general-button.full-width {
  max-width: 100%;
}
@media (max-width: 1024px) {
  .general-button.full-width {
    width: 100%;
  }
}
.general-button:hover {
  color: white;
}

#page {
  display: flex;
  flex-direction: column;
  height: 100%;
  min-height: 100vh;
}

#main {
  flex: 1;
  display: flex;
  flex-direction: column;
  width: 100%;
  padding-top: 160px;
}
@media (max-width: 991px) {
  #main {
    padding-top: 100px;
  }
}

#header-menu {
  height: 160px;
  background-color: white;
  display: flex;
  width: 100%;
  position: fixed;
  width: 100%;
  top: 0;
  left: 0;
  z-index: 999;
}
@media (max-width: 768px) {
  #header-menu {
    height: 100px;
  }
}
#header-menu .inner {
  display: flex;
  justify-content: space-between;
  align-items: flex-end;
  height: 100%;
}
@media (max-width: 768px) {
  #header-menu .inner {
    align-items: center;
  }
}
#header-menu .outer {
  width: 100%;
  max-width: 1560px;
  margin: 0 auto;
  padding: 0 15px;
  position: relative;
  z-index: 10;
}
@media (max-width: 768px) {
  #header-menu .menu-desktop {
    display: none;
  }
}
#header-menu .menu-desktop #menu-header-menu {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  gap: 10px;
  justify-content: center;
  align-items: flex-end;
  color: white;
}
#header-menu .menu-desktop #menu-header-menu .menu-item {
  position: relative;
  z-index: 11;
}
#header-menu .menu-desktop #menu-header-menu .menu-item a {
  color: black;
  text-decoration: none;
  font-size: 20px;
  line-height: 24px;
  padding: 10px;
  display: block;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children {
  position: relative;
  padding-right: 25px;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children:hover::before {
  transform: rotate(-180deg) translateY(calc(-45% + 8px));
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children:hover .sub-menu {
  opacity: 1;
  visibility: visible;
  transform: translateY(0);
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children::before {
  position: absolute;
  width: 14px;
  height: 8px;
  top: 45%;
  right: 8px;
  content: "";
  background-image: url(01a6e50aac36d71eb168.png);
  background-size: 100% 100%;
  transform: translateY(-50%);
  transition: all 0.3s linear;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu {
  padding-left: 0;
  margin-bottom: 0;
  position: absolute;
  top: 100%;
  left: 0;
  z-index: 10;
  width: 300px;
  background-color: rgba(0, 0, 0, 0.8);
  padding: 20px;
  opacity: 0;
  visibility: hidden;
  transform: translateY(-10px);
  transition: all 0.3s linear;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu .menu-item {
  position: relative;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children::before {
  display: none;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
  color: white;
  font-size: 24px;
  display: block;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu .menu-item a:hover {
  font-weight: 700;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu .menu-item .sub-menu {
  position: relative;
  top: 0;
  background-color: transparent;
  padding: 0;
}
#header-menu .menu-desktop #menu-header-menu .menu-item.menu-item-has-children .sub-menu .menu-item .sub-menu .menu-item a {
  color: #B4B4B4;
  font-size: 20px;
}
#header-menu .menu-mobile {
  display: none;
}
@media (max-width: 991px) {
  #header-menu .menu-mobile {
    display: block;
    position: fixed;
    left: 100%;
    top: 80px;
    visibility: hidden;
    opacity: 0;
    background-color: white;
    width: 100%;
    height: calc(100vh - 80px);
    z-index: 9;
    padding-top: 70px;
    transition: all 0.3s linear;
  }
  #header-menu .menu-mobile.active {
    left: 0;
    visibility: visible;
    opacity: 1;
  }
  #header-menu .menu-mobile.logoOnTop {
    padding-top: 20px;
  }
}
#header-menu .menu-mobile #menu-header-menu {
  padding-left: 0;
  margin-bottom: 0;
  display: flex;
  gap: 10px;
}
#header-menu .menu-mobile .menu-container {
  height: 100%;
  overflow-y: scroll;
}
#header-menu .menu-mobile .menu {
  padding-left: 0;
  margin-bottom: 0;
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header-menu .menu-mobile .menu .menu-item a {
  width: 100%;
  color: black;
  text-decoration: none;
  font-size: 24px;
  display: block;
  padding: 5px 0;
  text-align: center;
  position: relative;
  z-index: 3;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
  position: relative;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children.showing-children:before {
  transform: rotate(180deg) translateY(calc(-50% + 8px));
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children:before {
  position: absolute;
  width: 14px;
  height: 8px;
  top: 20px;
  right: calc(50% - 100px);
  content: "";
  background-image: url(01a6e50aac36d71eb168.png);
  background-size: 100% 100%;
  transform: translateY(-50%);
  transition: all 0.3s linear;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu {
  width: 100%;
  margin: 0;
  display: flex;
  padding: 0;
  flex-direction: column;
  align-items: center;
  background-color: black;
  max-height: 0;
  visibility: hidden;
  opacity: 0;
  position: relative;
  z-index: 1;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu.active {
  padding: 10px 0;
  visibility: visible;
  opacity: 1;
  max-height: 5000px;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu .menu-item {
  position: relative;
  z-index: 1;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu .menu-item a {
  color: white;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children {
  width: 100%;
  display: flex;
  flex-direction: column;
  align-items: center;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .sub-menu {
  visibility: visible;
  opacity: 1;
  max-height: 5000px;
  padding: 0;
}
#header-menu .menu-mobile .menu .menu-item.menu-item-has-children .sub-menu .menu-item.menu-item-has-children .menu-item a {
  color: #B4B4B4;
}
#header-menu .logo-side {
  width: 240px;
}
@media (max-width: 991px) {
  #header-menu .logo-side {
    width: 100px;
  }
}
#header-menu .logo-side a {
  position: relative;
  top: 82px;
  display: block;
  z-index: 10;
  transition: all linear 0.3s;
}
@media (max-width: 1024px) {
  #header-menu .logo-side a {
    top: 50px;
  }
}
#header-menu .logo-side img {
  width: 240px;
  aspect-ratio: 3/2;
  object-fit: cover;
  transition: all linear 0.3s;
}
@media (max-width: 1024px) {
  #header-menu .logo-side img {
    width: 120px;
  }
}
#header-menu .search-side {
  position: relative;
}
#header-menu .search-side.active .popup-search {
  visibility: visible;
  opacity: 1;
}
#header-menu .search-side .button-search {
  border: 0;
  background-color: transparent;
  outline: none;
  padding: 10px;
}
#header-menu .search-side .button-search img {
  width: 28px;
  height: 28px;
}
#header-menu .search-side .popup-search {
  visibility: hidden;
  opacity: 0;
  width: 250px;
  position: absolute;
  top: calc(100% + 10px);
  right: 0;
  z-index: 10;
  padding: 10px;
  background-color: white;
  box-shadow: rgba(100, 100, 111, 0.4) 0px 7px 29px 0px;
  transition: all 0.2s linear;
}
#header-menu .search-side .search-input {
  padding: 5px 10px;
  outline: none;
  width: 100%;
}
#header-menu .hamburger-button {
  width: 35px;
  height: 25px;
  justify-content: center;
  align-items: center;
  position: relative;
  cursor: pointer;
  display: none;
  position: relative;
  z-index: 9;
}
@media (max-width: 768px) {
  #header-menu .hamburger-button {
    display: flex;
  }
}
#header-menu .hamburger-button.active:before {
  top: 50%;
  transform: translateY(-50%) rotate(-45deg);
}
#header-menu .hamburger-button.active:after {
  bottom: 50%;
  transform: translateY(50%) rotate(45deg);
}
#header-menu .hamburger-button.active div {
  opacity: 0;
  visibility: hidden;
}
#header-menu .hamburger-button:before {
  position: absolute;
  content: "";
  left: 0;
  top: 0;
  width: 100%;
  height: 5px;
  border-radius: 20px;
  background-color: black;
  transition: all 0.2s linear;
  transform-origin: 50% 50%;
}
#header-menu .hamburger-button:after {
  position: absolute;
  content: "";
  left: 0;
  bottom: 0;
  width: 100%;
  height: 5px;
  border-radius: 20px;
  background-color: black;
  transition: all 0.2s linear;
  transform-origin: 50% 50%;
}
#header-menu .hamburger-button div {
  width: 35px;
  height: 5px;
  background-color: black;
  border-radius: 20px;
  opacity: 1;
  visibility: visible;
  transition: all 0.2s linear;
}
@media (max-width: 991px) {
  #header-menu .desktop-menu-iteraction {
    display: none;
  }
}
#header-menu .mobile-menu-iteraction {
  display: none;
}
@media (max-width: 991px) {
  #header-menu .mobile-menu-iteraction {
    display: flex;
    flex-direction: column;
    gap: 5px;
  }
  #header-menu .mobile-menu-iteraction .popup-search {
    top: 100%;
  }
}

.form-in-contact-page {
  font-family: "calibri";
}
.form-in-contact-page .gfield_label {
  margin-bottom: 0 !important;
  color: #7F7F7F;
  font-size: 20px !important;
  font-weight: 300 !important;
}
.form-in-contact-page .client-job-field {
  display: grid !important;
  grid-template-columns: 100px 1fr;
  gap: 20px;
}
.form-in-contact-page .client-job-field .gfield_radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px 10px;
}
.form-in-contact-page .client-job-field .gfield_radio .gchoice label {
  color: #7F7F7F;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}

.form-in-contact-page {
  font-family: "calibri";
}
.form-in-contact-page .client-job-field {
  display: grid !important;
  grid-template-columns: 100px 1fr;
  gap: 20px;
}
.form-in-contact-page .client-job-field .gfield_label {
  color: #7F7F7F;
  font-size: 20px !important;
  font-weight: 300 !important;
}
.form-in-contact-page .client-job-field .gfield_radio {
  display: grid;
  grid-template-columns: repeat(3, 1fr);
  gap: 5px 10px;
}
.form-in-contact-page .client-job-field .gfield_radio .gchoice label {
  color: #7F7F7F;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}

.gfield_course_option_wrapper {
  display: none;
}

.column-wrap-row-container {
  width: 100%;
  height: 100%;
  display: flex;
  flex-direction: column;
  gap: 12px;
  height: fit-content;
}
.column-wrap-row-container.only-text-area-field .text-area-field {
  height: 100%;
}
.column-wrap-row-container.only-text-area-field .text-area-field .ginput_container_textarea {
  height: 100%;
}
.column-wrap-row-container.only-text-area-field .text-area-field .ginput_container_textarea textarea {
  height: 100% !important;
}

.footer-contact-form {
  font-family: "calibri";
}
@media (max-width: 991px) {
  .footer-contact-form .row.gform_wrapper {
    gap: 12px;
  }
}
.footer-contact-form .gfield_label {
  margin-bottom: 0 !important;
  color: #7F7F7F;
  font-size: 20px !important;
  font-weight: 300 !important;
}
.footer-contact-form .client-job-field {
  display: grid !important;
  grid-template-columns: 100px 1fr;
  gap: 20px;
}
.footer-contact-form .client-job-field .gfield_radio {
  display: flex;
  flex-wrap: wrap;
  gap: 5px 30px;
}
.footer-contact-form .client-job-field .gfield_radio .gchoice label {
  color: #7F7F7F;
  font-size: 20px;
  line-height: 25px;
  font-weight: 300;
}
@media (max-width: 767px) {
  .footer-contact-form .zip-code-field {
    width: 150px !important;
  }
}
.footer-contact-form .zip-code-field .ginput_container {
  width: 100%;
}
@media (max-width: 767px) {
  .footer-contact-form .zip-code-field input {
    width: 100% !important;
  }
}

.page-result {
  padding-top: 100px;
  padding-bottom: 100px;
}
.page-result .page-search-title {
  font-size: 80px;
  line-height: 80px;
  color: white;
  text-align: center;
}
.page-result .page-search-not-found {
  font-size: 26px;
  line-height: 26px;
  margin-top: 30px;
  text-align: center;
  color: white;
}