/* --------------------------- Container ----------------------------- */

:root {
   --container_x: 18px;
   --container_y: 48px;
   --container_slide_x: 18px;
   --container_slide_y: 60px;
   /* --container_vdo_x: 150px; */
   --container_vdo_y: 60px;
}

@media(min-width: 768px) {
   :root {
      --container_x: 32px;
      --container_y: 64px;
      --container_slide_x: 32px;
      --container_slide_y: 60px;
      --container_vdo_x: 32px;
      --container_vdo_y: 60px;
   }
}

@media(min-width: 1200px) {
   :root {
      --container_x: 32px;
      --container_y: 60px;
      --container_slide_x: 32px;
      --container_slide_y: 60px;
      --container_vdo_x: 150px;
      --container_vdo_y: 60px;
   }
}


@media(min-width: 1400px) {
   :root {
      --container_x: 180px;
      --container_y: 60px;
      --container_slide_x: 50px;
      --container_slide_y: 60px;
      --container_vdo_x: 150px;
      --container_vdo_y: 60px;
   }
}


@media(min-width: 1600px) {
   :root {
      --container_x: 260px;
      --container_y: 60px;
      --container_slide_x: 150px;
      --container_slide_y: 60px;
      --container_vdo_x: 150px;
      --container_vdo_y: 60px;
   }
}

@media(min-width: 1800px) {
   :root {
      --container_slide_x: 200px;
      --container_slide_y: 60px;
   }
}

@media(min-width: 1900px) {
   :root {
      --container_slide_x: 260px;
      --container_slide_y: 60px;
   }
}

.custom_container {
   padding: var(--container_y) var(--container_x);
}

.custom_container_vdo {
   margin-left: var(--container_vdo_x);
   margin-right: var(--container_vdo_x);
}

/* ------------------------- Slide Location Home ------------------------------ */

:root {
   --w_content_slide: 35%;
   --w_img_slide: calc((350 / 1920) * 100%);
   --h_img_slide: calc((200 / 920) * 100%);
   --w_pst_slide: (350 / 1920 * 100%);
}

@media(min-width: 1200px) {
   :root {
      --w_content_slide: 25%;

      --w_content_slide: 35%;
      --w_img_slide: calc((350 / 1920) * 100%);
      --h_img_slide: calc((250 / 920) * 100%);
      --w_pst_slide: (350 / 1920 * 100%);
   }
}

@media(min-width: 1600px) {
   :root {
      --w_content_slide: 35%;
      --w_img_slide: calc((250 / 1920) * 100%);
      --h_img_slide: calc((250 / 920) * 100%);
      --w_pst_slide: (250 / 1920 * 100%);
   }
}

@media(min-width: 1800px) {
   :root {
      --w_content_slide: 25%;
   }
}

@media(min-width: 2560px) {
   :root {
      --w_img_slide: calc((400 / 2560) * 100%);
      --h_img_slide: calc((500 / 1440) * 100%);
      --w_pst_slide: (400 / 2560 * 100%);
   }
}


#slide_sec {
   opacity: 0;
   transition: opacity 1s ease;
}

#slide_sec.is-ready {
   opacity: 1;
}

.section_location {
   position: relative;
   width: 100%;
   min-height: 50rem;
   overflow: hidden;
}

@media(min-width: 2560px) {
   .section_location {
      min-height: 60rem;
   }
}

.shadow_bottom_slide {
   height: 40%;
   position: absolute;
   width: 100%;
   bottom: 0;
   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%);
   left: 0;
   opacity: 0.6;
   z-index: 1;
}

.section_location .item_slider {
   /* width: 250px; */
   width: var(--w_img_slide);
   /* height: auto;
    aspect-ratio: 3/2.5; */
   height: var(--h_img_slide);
   background-position: 50% 50%;
   display: flex;
   align-items: end;
   transition: 0.7s;
   background-size: cover;
   position: absolute;
   z-index: 1;
   bottom: 60px;
   /* transform: translate(0, 0%); */
   border-radius: 15px;
   border: 1px solid #fff;
   top: 52%;
}

.section_location .item_slider::after {
   content: "";
   position: absolute;
   width: 100%;
   height: 100%;
   /* background-color: rgb(0 0 0 / 30%); */
   bottom: 0;
   left: 0;
   z-index: -1;
   transition: 0.5s;
   border-radius: 15px;
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.70) 0%, rgba(0, 0, 0, 0) 50%);
}

.section_location .item_slider:nth-child(1),
.section_location .item_slider:nth-child(2) {
   /* left: 0; */
   right: 0;
   bottom: 0;
   transform: translate(0, 0);
   border-radius: 0;
   width: 100%;
   height: 100%;
   box-shadow: none;
   border: none;
}

.section_location .item_slider:nth-child(1) .lo_name_slide,
.section_location .item_slider:nth-child(2) .lo_name_slide {
   display: none;
}

.section_location .item_slider:nth-child(1)::after,
.section_location .item_slider:nth-child(2)::after {
   background-color: rgba(0, 0, 0, 0.25);
   border-radius: 0;
   box-shadow: 0px 50px 100px -50px rgba(0, 0, 0, 0.75) inset;

}

.section_location .item_slider:nth-child(n+6) {
   /* left: calc(50% + 660px); */
   right: 0;
   opacity: 0;
}

.section_location .item_slider .content {
   position: absolute;
   top: 50%;
   top: 25%;
   left: var(--container_slide_x);
   width: var(--w_content_slide);
   text-align: left;
   padding: 0;
   color: #eee;
   transform: translate(0, -50%);
   display: none;
}

.section_location .item_slider:nth-child(2) .content {
   display: block;
   z-index: 11111;
}

.section_location .item_slider .lo_name {
   opacity: 0;
   animation: showcontent 1s ease-in-out 1 forwards
}

.section_location .item_slider .lo_des {
   opacity: 0;
   animation: showcontent 1s ease-in-out 0.3s 1 forwards
}

.section_location .item_slider .lo_illustration {
   opacity: 0;
   animation: showcontent 1s ease-in-out 0.6s 1 forwards
}

.section_location .item_slider .lo_button {
   opacity: 0;
   animation: showcontent 1s ease-in-out 0.9s 1 forwards
}

@keyframes showcontent {
   from {
      opacity: 0;
      transform: translate(0, 100px);
      filter: blur(33px);
   }

   to {
      opacity: 1;
      transform: translate(0, 0);
      filter: blur(0);
   }
}

@keyframes show_shadow_bottom_slide {
   from {
      opacity: 0;
      filter: blur(33px);
   }

   to {
      opacity: 0.6;
      filter: blur(0);
   }
}

.navigation_buttons {
   position: absolute;
   bottom: 60px;
   left: var(--container_slide_x);
   z-index: 1;
   width: var(--w_content_slide);
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.navigation_buttons .button_slide {
   min-width: 40px;
   min-height: 40px;
   border-radius: 50%;
   border: 1px solid #fff;
   background: linear-gradient(90deg, rgba(47, 88, 155, 0.7) 0%, rgba(47, 45, 125, 0.7) 100%);
   color: #fff !important;
   align-content: center;
   text-align: center;
   cursor: pointer;
}

.navigation_buttons .slide_dot {
   display: flex;
   justify-content: center;
   /* gap: 50px; */
   z-index: 222222;
   width: 70%;
   justify-content: space-between;
   position: relative;
}

.navigation_buttons .slide_dot::before {
   content: "";
   position: absolute;
   width: 100%;
   height: 2px;
   background-color: rgba(255, 255, 255, 0.7);
   left: 0%;
   top: 50%;
   transform: translateZ(-1px) translateY(-50%);
}

.navigation_buttons .dot {
   position: relative;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #cfcfcf;
   transform-style: preserve-3d;
}

/* .navigation_buttons .dot::after {
   content: "";
   position: absolute;
   width: 60px;
   height: 2px;
   background-color: rgba(255, 255, 255, 0.7);
   left: 60%;
   top: 50%;
   transform: translateZ(-1px) translateY(-50%);
}

.navigation_buttons .dot:last-child::after {
   content: none;
} */

.navigation_buttons .dot.active {
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   border: #fff 1px solid;
}

.navigation_buttons .dot.active::before {
   content: "";
   width: 25px;
   height: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   border: 1px solid #ffff;
   opacity: 70%;
}

.section_location .item_slider:nth-child(5) {
   /* left: calc(80% + 40px); */
   right: var(--container_slide_x);
}

.section_location .item_slider:nth-child(4) {
   right: calc(var(--container_slide_x) + var(--w_pst_slide) + 10px);
   /* left: calc(65% + 20px); */
}

.section_location .item_slider:nth-child(3) {
   /* right: calc(var(--container_slide_x) + 520px); */
   right: calc(var(--container_slide_x) + var(--w_pst_slide) + var(--w_pst_slide) + 20px);
   /* left: 50%; */
}

.section_location .item_slider:nth-child(2):before {
   content: "";
   height: 45%;
   position: absolute;
   width: 100%;
   bottom: 0;
   /* background: linear-gradient(0deg, rgba(0, 0, 0, 1) 0%, rgba(0, 0, 0, 0) 100%); */
   left: 0;
   z-index: 1;
   /* opacity: 0.6; */
   animation: show_shadow_bottom_slide 0.1s ease-in-out 1 forwards
}

.section_location .item_slider:nth-child(1) {
   z-index: 0;
}

.section_location .item_slider:nth-child(2) {
   z-index: 1;
}

.section_location .item_slider:nth-child(n+6) {
   z-index: -1;
}

@media(min-width: 768px) {
   .section_location .item_slider .content {
      top: 50%;
   }

   .section_location .item_slider {
      top: auto;
   }
}

/* @media(min-width: 1200px) {
   .navigation_buttons .slide_dot {
      gap: 70px;
   }

   .navigation_buttons .dot::after {
      width: 80px;
   }
} */

@media(min-width: 550px) {}

/* ------------------------- Slide Location Mobile Home ------------------------------ */

.slide_lo_mobile {
   position: relative;
}

.py_lo_m {
   padding-bottom: calc(var(--container_y) + 60px);
   padding-top: calc(var(--container_y) + 80px);
}

.position_title_lo_m {
   position: absolute;
   top: var(--container_y);
   left: 0;
   z-index: 1;
   min-width: 100%;
   padding-left: var(--container_x);
   padding-right: var(--container_x);
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.slide_lo_mobile .h_content_slide {
   min-height: 40rem;
}

.slide_lo_mobile .position_slide_paginetion {
   position: absolute;
   bottom: var(--container_y);
   left: 0;
   z-index: 1;
   min-width: 100%;
   padding-left: var(--container_x);
   padding-right: var(--container_x);
   display: flex;
   justify-content: space-between;
   align-items: center;
}

.slide_lo_mobile .lo-mobile-button-prev,
.slide_lo_mobile .lo-mobile-button-next {
   min-width: 40px;
   min-height: 40px;
   border-radius: 50%;
   border: 1px solid #fff;
   background: linear-gradient(90deg, rgba(47, 88, 155, 0.7) 0%, rgba(47, 45, 125, 0.7) 100%);
   color: #fff !important;
   align-content: center;
   text-align: center;
   cursor: pointer;
   position: relative;
}

.slide_lo_mobile .lo-mobile-button-prev::after,
.slide_lo_mobile .lo-mobile-button-next::after {
   font-family: 'Font Awesome 7 Free';
   position: absolute;
   font-weight: 900;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
}

.slide_lo_mobile .lo-mobile-button-prev::after {
   content: "\f104";
}

.slide_lo_mobile .lo-mobile-button-next::after {
   content: "\f105";
}

.slide_lo_mobile .lo-mobile-pagination {
   width: 70% !important;
   display: flex;
   justify-content: space-between;
   position: relative;
   top: unset;
   bottom: unset;
   /* flex-direction: row;
   flex-wrap: wrap;
   gap: 40px; */
}

.slide_lo_mobile .lo-mobile-pagination::before {
   content: "";
   position: absolute;
   width: 95%;
   height: 2px;
   background-color: rgba(255, 255, 255, 0.7);
   left: 50%;
   top: 50%;
   transform: translateZ(-1px) translate(-50%);
}

.slide_lo_mobile .swiper-pagination-bullet {
   position: relative;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #cfcfcf;
   transform-style: preserve-3d;
   opacity: 1;
}

/* .slide_lo_mobile .swiper-pagination-bullet::after {
   content: "";
   position: absolute;
   width: 60px;
   height: 2px;
   background-color: rgba(255, 255, 255, 0.7);
   left: 60%;
   top: 50%;
   transform: translateZ(-1px) translateY(-50%);
}

.slide_lo_mobile .swiper-pagination-bullet:last-child::after {
   content: none;
} */

.slide_lo_mobile .swiper-pagination-bullet-active {
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   border: #fff 1px solid;
}

.slide_lo_mobile .swiper-pagination-bullet-active::before {
   content: "";
   width: 25px;
   height: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   border: 1px solid #ffff;
   opacity: 70%;
}

@media(min-width: 768px) {
   /* .slide_lo_mobile .lo-mobile-pagination {
      gap: 80px;
   }

   .slide_lo_mobile .swiper-pagination-bullet::after {
      width: 100px;
   } */
}

@media(min-width: 992px) {
   .slide_lo_mobile .h_content_slide {
      min-height: 60rem;
   }
}

/* -------------------------- Tab Project ---------------------------  */

.tab_project {
   background-color: #fff;
   color: #a3a3a3 !important;
   border: #fff 2px solid;
   border-radius: 50px;
   padding: 4px 16px;
   font-size: var(--fs_body_1);
   font-weight: 400;
}

.tab_gradient {
   display: inline-block;
   text-decoration: none;
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   border-radius: 50px;
   padding: 6px 16px;
   font-size: var(--fs_body_1);
   font-weight: 400;
   color: #fff !important;
}

.tab_project.active {
   border: #2f2d7d 2px solid;
   color: #2f2d7d !important;
}

.box_project {
   background-color: #fff;
   transition: 0.3s;
}

.box_project .text_color_see {
   color: #424242;
   transition: 0.3s;
}

.box_project .content_minus {
   margin-top: -14px;
}

.box_tag_project {
   position: absolute;
   top: 0;
   left: 0;
   /* background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%); */
   color: #fff;
   padding: 8px 16px;
   font-size: var(--fs_body_1);
   border-bottom-right-radius: 20px;
}

@media (min-width: 1400px) {
   .box_project:hover {
      scale: 1.05;
      box-shadow: 0px 0px 10px #2f2d7d;
      z-index: 1;
   }

   .box_project:hover .text_color_see {
      color: #2f2d7d;
   }
}

/* ---------------------------  Banner --------------------------  */

.custom_banner {
   min-height: 400px;
}

.custom_banner_project {
   min-height: 650px;
}

.gradient_banner {
   background: linear-gradient(0deg, rgba(0, 0, 0, 0.84) 0%, rgba(0, 0, 0, 0) 55%, rgba(0, 0, 0, 0) 70%, rgba(0, 0, 0, 0.77) 100%);
}

.gradient_banner_project {
   background: linear-gradient(0deg, rgba(0, 0, 0, 1) 20%, rgba(0, 0, 0, 0) 75%);
}

@media(min-width: 1024px) {
   .custom_banner {
      min-height: 600px;
   }

   .custom_banner_project {
      min-height: 750px;
   }
}

@media(min-width: 1200px) {
   .gradient_banner_project {
      background: linear-gradient(90deg, rgba(255, 255, 255, 0) 40%, rgba(0, 0, 0, 0.5) 100%);
   }
}

@media(min-width: 1400px) {
   .custom_banner {
      min-height: 900px;
   }

   .custom_banner_project {
      min-height: 900px;
   }
}

@media(min-width: 3840px) {
   .custom_banner {
      min-height: 1500px;
   }

   .custom_banner_project {
      min-height: 1500px;
   }
}

/* ---------------------------  Blog --------------------------  */
.tooltip-msg {
   display: none;
   position: absolute;
   width: max-content;
   background-color: rgba(0, 0, 0, 0.7);
   color: #fff;
   border: 1px solid #fff;
   border-radius: 8px;
   padding: 6px 12px;
   position: absolute;
   z-index: 999;
   top: 120%;
   left: 50%;
   transform: translateX(-50%);
   transition: opacity 0.3s ease, visibility 0.3s ease;
   font-size: 14px;
}

.tooltip-msg::after {
   content: "";
   position: absolute;
   width: 10px;
   height: 10px;
   background-color: rgba(0, 0, 0, 0.7);
   border-left: 1px solid #fff;
   border-top: 1px solid #fff;
   top: -6px;
   left: 50%;
   transform: translateX(-50%) rotate(45deg);
}

.copy-text.show .tooltip-msg {
   display: inline;
}

/* --------------------------- Swiper Slide recommends  --------------------------  */

/* .swiper_recommends .swiper-slide {
   width: 195px;
   height: 500px;
   transition: width 0.4s ease;
}

.swiper_recommends .swiper-slide-active {
   width: 350px;
   height: 600px;
}

.swiper_recommends .swiper-slide img {
   width: 100%;
   height: 100%;
   object-fit: cover;
   border-radius: 20px;
} */
.gsap-drag-container {
   width: 100%;
   overflow: hidden;
   display: flex;
   position: relative;
   padding: 0px 0;
}

.gsap-drag-item {
   width: 250px;
   height: 500px;
   margin-right: 40px;
   flex-shrink: 0;
   position: relative;
}


.gsap-drag-item-inner {
   width: 100%;
   height: 100%;
   display: flex;
   align-items: center;
   justify-content: center;
   font-size: 20px;
   font-weight: bold;
   transition: transform 0.3s ease, box-shadow 0.3s ease;
}

@media (min-width: 1400px) {
   .gsap-drag-container {
      padding: 30px 0;
   }


   .gsap-drag-item:hover {
      z-index: 10;
   }

   .gsap-drag-item:hover .gsap-drag-item-inner {
      transform: scale(1.1);
   }
}

/* --------------------------- Slide Project Contect --------------------------  */

.gallery_slider .custom_btn_swiper {
   /* position: absolute;
   bottom: 32px;
   left: calc(50% + 300px);
   z-index: 1;
   width: auto; */
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
   position: relative;
}

.gallery_slider .swiper-button-prev,
.gallery_slider .swiper-button-next {
   min-width: 38px;
   max-width: 38px;
   min-height: 38px;
   max-height: 38px;
   border-radius: 50%;
   border: 1px solid #fff;
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   color: #fff !important;
   align-content: center;
   text-align: center;
   cursor: pointer;
   position: relative;

   top: 0;
   margin: 0;
}

.gallery_slider .swiper-button-prev {
   left: 0;
}

.gallery_slider .swiper-button-next {
   right: 0;
}

.gallery_slider .swiper-button-prev::after,
.gallery_slider .swiper-button-next::after {
   font-family: 'Font Awesome 7 Free';
   position: absolute;
   font-weight: 900;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: var(--fs_body_1);
}

.gallery_slider .swiper-button-prev::after {
   content: "\f104";
}

.gallery_slider .swiper-button-next::after {
   content: "\f105";
}

/* --------------------------- Slide Project VDo --------------------------  */

.h_slide_vdo {
   height: 250px;
}

.custom_btn_swiper_vdo {
   position: relative;
   width: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
}

.custom_btn_swiper_vdo .swiper-button-prev,
.custom_btn_swiper_vdo .swiper-button-next {
   min-width: 38px;
   max-width: 38px;
   min-height: 38px;
   max-height: 38px;
   border-radius: 50%;
   border: 1px solid #fff;
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   color: #fff !important;
   align-content: center;
   text-align: center;
   cursor: pointer;
   position: relative;

   top: 0;
   margin: 0;
   left: 0;
}

/* .custom_btn_swiper_vdo .swiper-button-prev {
}

.custom_btn_swiper_vdo .swiper-button-next {
   right: 0;
} */

.custom_btn_swiper_vdo .swiper-button-prev::after,
.custom_btn_swiper_vdo .swiper-button-next::after {
   font-family: 'Font Awesome 7 Free';
   position: absolute;
   font-weight: 900;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: var(--fs_body_1);
}

.custom_btn_swiper_vdo .swiper-button-prev::after {
   content: "\f104";
}

.custom_btn_swiper_vdo .swiper-button-next::after {
   content: "\f105";
}

.custom_btn_swiper_vdo .swiper-pagination {
   width: 100% !important;
   display: flex;
   justify-content: space-between;
   position: relative;
   top: unset;
   bottom: unset;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 12px;
}

.custom_btn_swiper_vdo .swiper-pagination::before {
   content: "";
   position: absolute;
   width: 90%;
   height: 2px;
   background-color: #2f2d7d;
   left: 50%;
   top: 50%;
   transform: translateZ(-1px) translate(-50%);
}

.custom_btn_swiper_vdo .swiper-pagination-bullet {
   position: relative;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #2f2d7d;
   transform-style: preserve-3d;
   opacity: 1;
}

.custom_btn_swiper_vdo .swiper-pagination-bullet-active {
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   /* border: #fff 1px solid; */
}

.custom_btn_swiper_vdo .swiper-pagination-bullet-active::before {
   content: "";
   width: 25px;
   height: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   border: 1px solid #2f2d7d;
}

.thumb_slider_vdo .swiper-slide-thumb-active {
   opacity: 0;
   visibility: hidden;
   width: 0 !important;
   margin: 0 !important;
}

@media(min-width: 768px) {
   .h_slide_vdo {
      height: 300px;
   }

   .custom_btn_swiper_vdo .swiper-pagination {
      gap: 45px;
   }
}

@media(min-width: 1024px) {
   .h_slide_vdo {
      height: 100%;
   }
}

@media(max-width: 1200px) {

   .swiper_vdo .swiper-slide-prev::after,
   .swiper_vdo .swiper-slide-next::after,
   .swiper_blog .swiper-slide-prev::after,
   .swiper_blog .swiper-slide-next::after {
      content: '';
      width: 100%;
      height: 100%;
      position: absolute;
      background-color: rgb(0 0 0/20%);
      top: 0;
      left: 0;
      z-index: 1;
      border-radius: 1rem;
   }

   .swiper_blog {
      padding: 8px 0;
   }

   .swiper_blog .swiper-slide-active a {
      box-shadow: 0px 0px 10px #2f2d7d;
      border-radius: 1rem;
   }
}


/* --------------------------- Slide Project Location --------------------------  */
.swiper_detail_lo .custom_btn_swiper_lo {
   position: absolute;
   bottom: 0;
   left: 0;
   z-index: 1;
   width: auto;
   display: flex;
   justify-content: space-between;
   align-items: center;
   gap: 12px;
}

@media(min-width: 1024px) {
   :root {
      --container_y_con_lo: 20px;
   }

   .swiper_detail_lo .custom_btn_swiper_lo {
      left: calc(50% + 16px);
      bottom: var(--container_y_con_lo);
   }
}

@media(min-width: 1200px) {
   :root {
      --container_y_con_lo: 40px;
   }

   .swiper_detail_lo .custom_btn_swiper_lo {
      left: calc(50% + 20px);
      bottom: var(--container_y_con_lo);
   }

}

@media(min-width: 1400px) {
   :root {
      --container_y_con_lo: 12px;
   }

   .swiper_detail_lo .custom_btn_swiper_lo {
      bottom: var(--container_y_con_lo);
   }

}

@media(min-width: 1600px) {
   :root {
      --container_y_con_lo: 40px;
   }

   .swiper_detail_lo .custom_btn_swiper_lo {
      bottom: var(--container_y_con_lo);
   }

}

.padding_con_lo {
   padding-top: var(--container_y_con_lo);
   padding-bottom: var(--container_y_con_lo);
}

.swiper_detail_lo .swiper-button-prev,
.swiper_detail_lo .swiper-button-next {
   min-width: 38px;
   max-width: 38px;
   min-height: 38px;
   max-height: 38px;
   border-radius: 50%;
   border: 1px solid #fff;
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   color: #fff !important;
   align-content: center;
   text-align: center;
   cursor: pointer;
   position: relative;

   top: 0;
   margin: 0;
}

.swiper_detail_lo .swiper-button-prev {
   left: 0;
}

.swiper_detail_lo .swiper-button-next {
   right: 0;
}

.swiper_detail_lo .swiper-button-prev::after,
.swiper_detail_lo .swiper-button-next::after {
   font-family: 'Font Awesome 7 Free';
   position: absolute;
   font-weight: 900;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: var(--fs_body_1);
}

.swiper_detail_lo .swiper-button-prev::after {
   content: "\f104";
}

.swiper_detail_lo .swiper-button-next::after {
   content: "\f105";
}

.swiper_detail_lo .swiper-pagination {
   width: 70% !important;
   display: flex;
   justify-content: space-between;
   position: relative;
   top: unset;
   bottom: unset;
   flex-direction: row;
   flex-wrap: wrap;
   gap: 45px;
}

.swiper_detail_lo .swiper-pagination::before {
   content: "";
   position: absolute;
   width: 90%;
   height: 2px;
   background-color: #231f20;
   left: 50%;
   top: 50%;
   transform: translateZ(-1px) translate(-50%);
}

.swiper_detail_lo .swiper-pagination-bullet {
   position: relative;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #231f20;
   transform-style: preserve-3d;
   opacity: 1;
}

/* .swiper_detail_lo .swiper-pagination-bullet::after {
   content: "";
   position: absolute;
   width: 60px;
   height: 2px;
   background-color: rgba(255, 255, 255, 0.7);
   left: 60%;
   top: 50%;
   transform: translateZ(-1px) translateY(-50%);
}

.swiper_detail_lo .swiper-pagination-bullet:last-child::after {
   content: none;
} */

.swiper_detail_lo .swiper-pagination-bullet-active {
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   border: #fff 1px solid;
}

.swiper_detail_lo .swiper-pagination-bullet-active::before {
   content: "";
   width: 25px;
   height: 25px;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   border-radius: 50%;
   border: 1px solid #231f20;
   opacity: 70%;
}

/* --------------------------------- select filter --------------------------------- */

.select-filter {
   display: block;
   width: 100%;
   padding: 8px 10px;
   appearance: none;
   outline: none;
   border: 1px solid #c6c6c6;
   border-radius: 6px;
   /* -webkit-appearance: none;
   -moz-appearance: none; */
   background: url('images/caret-down-solid-full.svg'), #fff;
   background-repeat: no-repeat;
   background-size: 20px;
   background-position: right 10px center;
   text-align: left;
   color: #a3a3a3;
}

.select-filter.active {
   color: #000 !important;
}

.select-filter option {
   color: #000;
}

.select-filter option[value=""] {
   color: #a3a3a3;
}

/* .select-filter.select_price {
   padding-right: 30px;
   display: -webkit-box;
   -webkit-line-clamp: 1;
   -webkit-box-orient: vertical;
   overflow: hidden;
   text-overflow: ellipsis;
} */

.select-filter.selected {
   color: #000
}

/* .select-filter.active {
   border: 3px solid #5cb7ff;
   color: #5cb7ff;
}

.select-filter::after {
   content: "+";
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%);
}

.select-filter.active::after {
   content: "\f00c";
   font-family: 'Font Awesome 6 Free';
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%);
   font-weight: 900;
}


.select-filter:hover,
button:focus.select-filter {
   border: 3px solid #fff;
   outline: none;
}

.select-filter.active:hover,
button:focus.select-filter.active {
   border: 3px solid #5cb7ff;
   outline: none;
}

.border-fil:has(+ .active-fil) .select-filter {
   border-right: 3px solid #5cb7ff;
}
 .select-appearance {
   position: relative;
}

.select-appearance::after {
   content: "+";
   position: absolute;
   top: 50%;
   right: 15px;
   transform: translateY(-50%);
}

.select-appearance .select-filter option {
   color: #000;
} */

.filter-options input {
   position: absolute;
   opacity: 0;
   cursor: pointer;
   height: 0;
   width: 0;
}

.filter-options {
   display: flex;
   position: relative;
   cursor: pointer;
   font-size: 20px;
   user-select: none;
   align-items: center;
}

.select-all-wrap {
   border-bottom: 1px solid #eee;
   padding-bottom: 8px;
   margin-bottom: 8px;
}

.checkmark {
   position: relative;
   top: 0;
   left: 0;
   height: 18px;
   width: 18px;
   border: 1px solid #6d6d6d;
   margin-right: 8px;

}

.filter-options input:checked~.checkmark {
   background-color: #2f2d7d;
}

/* Create the checkmark/indicator (hidden when not checked) */
/* .checkmark:after {
content: "";
position: absolute;
display: none;
} */

.filter-options input:checked~.checkmark:after {
   content: "";
   display: block;
   position: absolute;

   left: 5px;
   top: 1px;
   width: 6px;
   height: 12px;
   border: solid white;
   border-width: 0 3px 3px 0;
   transform: rotate(45deg);
}

.radio-option {
   display: flex;
   align-items: center;
   margin-bottom: 10px;
   cursor: pointer;
}

.radio-option input[type="radio"] {
   display: none;
}

.radio-circle {
   width: 20px;
   min-width: 20px;
   height: 20px;
   min-height: 20px;
   border-radius: 50%;
   border: 1px solid #aaa;
   position: relative;
   margin-right: 10px;
}

.radio-circle::before {
   content: "";
   display: block;
   width: 12px;
   height: 12px;
   border-radius: 50%;
   background-color: #2f2d7d;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%) scale(0);
   transition: all 0.2s ease-in-out;
}

.radio-option input[type="radio"]:checked+.radio-circle::before {
   transform: translate(-50%, -50%) scale(1);
}

/* Style the checkmark/indicator */
/* .filter-options .checkmark:after {
left: 5px;
top: 1px;
width: 6px;
height: 12px;
border: solid white;
border-width: 0 3px 3px 0;
transform: rotate(45deg);
} */

.custom_sortby button {
   padding: 0;
   background: transparent;
   border: 0;
}

.custom_sortby .dropdown-menu {
   width: 100%;
}

/* -------------------------- Form ---------------------------  */

/* .custom_form label, */
.custom_form .fil_type {
   padding-bottom: 8px;
}

.custom_form .custom_input {
   width: 100%;
   color: #000;
   border: 1px solid #c6c6c6;
   padding: 8px;
   border-radius: 6px;
}

.custom_form .custom_input::placeholder {
   color: #a3a3a3;
}

.custom_form .custom_select {
   display: block;
   width: 100%;
   padding: 8px;
   appearance: none;
   outline: none;
   border: 1px solid #c6c6c6;
   border-radius: 6px;
   /* -webkit-appearance: none;
   -moz-appearance: none; */
   background: url('images/caret-down-solid-full.svg');
   background-repeat: no-repeat;
   background-size: 20px;
   background-position: right 10px center
}

.custom_form .custom_select option {
   font-size: 18px;
   font-weight: 400;
}

.custom_form .btn_submit {
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   border: 0;
   padding: 8px 18px;
   border-radius: 50px;
   color: #fff;
   font-size: var(--fs_body_1);
}

.custom_form .btn_clear {
   background: #fff;
   border: 0;
   padding: 8px 18px;
   border-radius: 50px;
   color: #2f2d7d;
   font-size: var(--fs_body_1);
}

.custom_form .dropdown-menu {
   width: 100%;
   max-height: 300px;
   overflow-y: auto;
   border-radius: 6px;
}

.custom_form .dropdown-menu.menu.show {
   display: flex;
   flex-direction: column;
   gap: 10px;
}

.custom_form .dropdown-menu.dropdown_price {
   width: 100%;
   gap: 35px;
   justify-content: space-between;
   /* left: 50% !important;
   top: 100% !important;
   transform: translate(-50%, 2px) !important; */
}

.custom_form .dropdown-menu.dropdown_price.show {
   display: flex;
}

@media(min-width: 768px) {

   /* .custom_form label {
      padding-bottom: 15px;
   } */

   .custom_form .fil_type {
      padding-bottom: 12px;
   }


}

@media(min-width: 1024px) {
   .custom_form .dropdown-menu.dropdown_price {
      width: 20rem;
      /* width: 100%; */
   }

   .custom_form .dropdown-menu.dropdown_price.price_rent {
      width: 100%;
   }
}

@media(min-width: 1400px) {
   .custom_form .dropdown-menu.dropdown_price {
      width: 22rem;
   }
}

/* -------------------------- Section Plan ---------------------------  */

.dropdown_building {
   max-height: 250px;
   overflow: auto;
   z-index: 10;
}

.floor_selcet {
   display: none;
}

.floor_selcet.active {
   display: block;
}

.main_tab {
   background-color: #fff;
   border: 1px solid #a7a9ac;
   color: #a3a3a3 !important;
   border-radius: 50px;
   text-align: center;
   padding: 10px 20px;
   position: relative;
}

.main_tab.active {
   background-color: #fff;
   border: 1px solid #2f2d7d;
   color: #2f2d7d !important;
}

.btn_main_building,
.btn_floor {
   background-color: #fff;
   border: 1px solid #c6c6c6;
   border-radius: 6px;
   width: 100%;
   text-align: start;
   padding: 10px;
   position: relative;
}

.btn_room,
.btn_room_img {
   background-color: #fff;
   border: 1px solid #c6c6c6;
   border-radius: 6px;
   width: 250px;
   text-align: start;
   padding: 10px;
   position: relative;
}

.btn_main_building::after,
.btn_floor::after,
.btn_room::after,
.btn_room_img::after {
   content: '\f0d7';
   font-family: 'Font Awesome 7 Free';
   font-weight: 900;
   position: absolute;
   right: 10px;
   top: 50%;
   transform: translateY(-50%);
}

.main_room,
.main_room_img {
   border: 1px solid #2f2d7d;
   color: #2f2d7d;
   border-radius: 6px;
   text-align: start;
   padding: 10px;
}

.main_room.active,
.main_room_img.active {
   border: 1px solid #2f2d7d;
   background-color: #2f2d7d;
   color: #fff;
}

.dropdown-item.main_room_img_plan.active {
   background-color: #fff !important;
   color: #000 !important;
}

.multi_swiper .swiper-slide-thumb-active {
   border: 2px solid #2f2d7d;
}

.multi_swiper .ims_button_next::after,
.multi_swiper .ims_button_prev::after,
.form_swiper .btn_form_prev::after,
.form_swiper .btn_form_next::after {
   font-family: 'Font Awesome 7 Free';
   font-weight: 900;
   position: absolute;
   top: 50%;
   left: 50%;
   color: rgba(255, 255, 255, 0.7);
   font-size: var(--fs_head_1);
}

.multi_swiper .ims_button_next::after,
.form_swiper .btn_form_next::after {
   content: "\f054";
   transform: translate(-100%, -50%);
}

.multi_swiper .ims_button_prev::after,
.form_swiper .btn_form_prev::after {
   content: "\f053";
   transform: translate(0%, -50%);
}

/* -------------------------- Swiper สถานที่ใกล้เคียง ---------------------------  */
.custom_swiper_np .name_np .swiper-slide-thumb-active div {
   color: #2f2d7d;
   font-weight: 600 !important;
}

.custom_swiper_np .btn_np_prev,
.custom_swiper_np .btn_np_next {
   min-width: 38px;
   max-width: 38px;
   min-height: 38px;
   max-height: 38px;
   border-radius: 50%;
   background-color: rgba(255, 255, 255, 0.75);
}

.custom_swiper_np .btn_np_next::after,
.custom_swiper_np .btn_np_prev::after {
   font-family: 'Font Awesome 7 Free';
   font-weight: 900;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #000;
   font-size: var(--fs_body_1);
}

.custom_swiper_np .btn_np_next::after {
   content: "\f105";
}

.custom_swiper_np .btn_np_prev::after {
   content: "\f104";
}

@media(min-width: 3840px) {
   .h_img_np_4k {
      min-height: 35rem;
   }
}

/* -------------------------- Swiper รูป Viewpoint ---------------------------  */

.custom_swiper_viewpoint .btn_viewpoint_prev,
.custom_swiper_viewpoint .btn_viewpoint_next {
   min-width: 38px;
   max-width: 38px;
   min-height: 38px;
   max-height: 38px;
   border-radius: 50%;
   background-color: #2f2d7d;
}

.custom_swiper_viewpoint .btn_viewpoint_prev {
   left: -10px;
}

.custom_swiper_viewpoint .btn_viewpoint_next {
   right: -10px;
}

.custom_swiper_viewpoint .btn_viewpoint_next::after,
.custom_swiper_viewpoint .btn_viewpoint_prev::after {
   font-family: 'Font Awesome 7 Free';
   font-weight: 900;
   position: absolute;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
   color: #fff;
   font-size: var(--fs_body_1);
}

.custom_swiper_viewpoint .btn_viewpoint_next::after {
   content: "\f105";
}

.custom_swiper_viewpoint .btn_viewpoint_prev::after {
   content: "\f104";
}

.box_img_viewpoint {
   transition: 0.3s;
}

.box_img_viewpoint .icon_expand_hover {
   transition: opacity 0.3s;
   opacity: 0;
   display: block;
   position: absolute;
   width: 100%;
   height: 100%;
   top: 0;
   left: 0;
   background-color: rgba(0, 0, 0, 0.5);
   text-align: center;
   align-content: center;
   color: #fff;
}

.h_img_4k {
   max-height: 12rem;
   min-height: 12rem;
}

.h_img_promotion {
   height: 200px;
}

@media(min-width: 768px) {
   .h_img_4k {
      max-height: 10rem;
      min-height: 10rem;
   }

   .h_img_promotion {
      height: auto;
   }
}

@media(min-width: 1024px) {
   .h_img_4k {
      max-height: 20rem;
      min-height: 20rem;
   }
}

@media(min-width: 1400px) {
   .box_img_viewpoint:hover {
      scale: 1.05;
      box-shadow: 0px 0px 10px #2f2d7d;
   }

   .box_img_viewpoint:hover .icon_expand_hover {
      opacity: 1;
   }

   .custom_swiper_viewpoint .btn_viewpoint_prev {
      left: -60px;
   }

   .custom_swiper_viewpoint .btn_viewpoint_next {
      right: -60px;
   }

}

@media(min-width: 3840px) {
   .h_img_4k {
      max-height: 45rem;
      min-height: 45rem;
   }

   .box_img_viewpoint:hover {
      scale: 1.03;
   }
}

/* -------------------------------------------------------------------------------- */


.button_theme {
   display: inline-block;
   text-decoration: none;
   background: linear-gradient(90deg, rgba(47, 88, 155, 0.7) 0%, rgba(47, 45, 125, 0.7) 100%);
   border-radius: 50px;
   border: 1px solid #fff;
   color: #fff !important;
}

.bg_gradient_main {
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
}

.bg_gradient_main_orange {
   background: linear-gradient(90deg, rgba(247, 148, 29, 1) 0%, rgba(241, 90, 41, 1) 100%);
}

.bg_gradient_main_green {
   background: linear-gradient(90deg, rgba(73, 155, 54, 1) 0%, rgba(50, 125, 76, 1) 100%);
}

.bg_gradient_main_07 {
   background: linear-gradient(90deg, rgba(47, 88, 155, 0.7) 0%, rgba(47, 45, 125, 0.7) 100%);
}

.position_main_link_pj {
   position: absolute;
   right: 10px;
   top: 10px;
   z-index: 5;
}

.position_link_pj {
   /* position: absolute;
   right: 10px;
   top: 10px; */
   display: block;
   font-size: 24px;
   border-radius: 50%;
   width: 45px;
   height: 45px;
   color: #fff !important;
   align-content: center;
   text-align: center;
   border: 1px solid #fff;
   z-index: 2;
}



.position_icon_vdo {
   position: absolute;
   left: 50%;
   top: 50%;
   transform: translate(-50%, -50%);
   /* border-radius: 0 !important; */
   aspect-ratio: unset !important;
   color: #fff;
   font-size: 46px;
   display: none;
   /* width: 15% !important; */
}

.swiper-slide-active .position_icon_vdo {
   display: block;
}

.box_icon_channel {
   width: 45px;
   height: 45px;
   border-radius: 50%;
   color: #fff !important;
   font-size: 24px;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
}

.box_blog .text_color_detail_blog {
   color: #424242;
   transition: all 0.3s;
}

.btn_conatact_form {
   border-radius: 50px;
   background-color: transparent;
   border: 1px solid #fff;
   color: #fff !important;
   width: fit-content;
}

.btn_pmt_frm {
   border-radius: 50px;
   background: linear-gradient(90deg, rgba(47, 88, 155, 1) 0%, rgba(47, 45, 125, 1) 100%);
   color: #fff !important;
   border: 0;
}

.ani_loading {
   color: #2f2d7d;
   font-weight: 900;
   /* display: block;
    position: relative; */
   animation: rotation 2s linear infinite;
   line-height: 100%;
   /* font-size: 20px; */
   display: flex;
   align-items: center;
}

/* .dot_loanding {
   position: relative;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: #2f2d7d;
   animation: dot_loanding 1s infinite linear alternate;
   animation-delay: 0.5s;
}

.dot_loanding::before,
.dot_loanding::after {
   content: "";
   display: inline-block;
   position: absolute;
   top: 0;
}

.dot_loanding::before {
   left: -15px;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: #2f2d7d;
   animation: dot_loanding 1s infinite alternate;
   animation-delay: 0s;
}

.dot_loanding::after {
   left: 15px;
   width: 10px;
   height: 10px;
   border-radius: 5px;
   background-color: #2f2d7d;
   animation: dot_loanding 1s infinite alternate;
   animation-delay: 1s;
}

@keyframes dot_loanding {
   0% {
      background-color: #2f2d7d;
   }

   50%,
   100% {
      background-color: rgba(47, 45, 125, 0.3);
   }
} */
.classic-dots {
   width: 3.5em;
   display: flex;
   flex-flow: row nowrap;
   align-items: center;
   justify-content: space-between;
}

.classic-dots div {
   width: 0.8em;
   height: 0.8em;
   border-radius: 50%;
   background-color: #2f2d7d;
   animation: fade 0.8s ease-in-out alternate infinite;
}

.classic-dots div:nth-of-type(1) {
   animation-delay: -0.4s;
}

.classic-dots div:nth-of-type(2) {
   animation-delay: -0.2s;
}

@keyframes fade {
   from {
      opacity: 1;
   }

   to {
      opacity: 0;
   }
}


.container_circle {
   width: 250px;
   height: 250px;
}

.container_circle svg {
   width: 250px;
   height: 250px;
}

/* .w_circle {
   r: 105;
   cx: 50%;
   cy: 50%;
   fill: none;
   stroke-width: 25;
} */

.custom_iframe iframe {
   width: 100%;
   height: 300px;
   border: none;
   border-radius: 16px;
   overflow: hidden;
}

.custom_iframe_map iframe {
   width: 100%;
   height: 100%;
   min-height: 250px;
   border: none;
   border-radius: 16px;
   overflow: hidden;
   display: block;
}

.custom_iframe_rent iframe {
   width: 100%;
   height: 100%;
   min-height: 250px;
   border: none;
}

.box_icon_rent {
   width: 60px;
   height: 60px;
   border-radius: 8px;
   border: 1px solid #a7a9ac;
   display: flex;
   justify-content: center;
   align-items: center;
   text-decoration: none;
   font-size: var(--fs_title_1);
}

.position_roomrent {
   position: sticky;
   top: 75px;
}

.min_h_loading {
   min-height: 400px;
}

.w_logo_brand {
   width: 150px;
   min-width: 150px;
}

.h_img_plan_4k {
   max-height: 20rem;
   min-height: 20rem;
}

.h_img_room_rent {
   max-height: 20rem;
   min-height: 20rem;
}

.h_img_vdo {
   min-height: 20rem;
   height: 100%;
}

@keyframes rotation {
   from {
      transform: rotate(0deg);
   }

   to {
      transform: rotate(360deg);
   }
}

@media(min-width: 768px) {
   .h_img_plan_4k {
      max-height: 25rem;
      min-height: 25rem;
   }

}

@media(min-width: 1024px) {
   .custom_h_first_blog {
      min-height: 400px;
   }

   .h_img_plan_4k {
      max-height: 30rem;
      min-height: 30rem;
   }

   .h_img_room_rent {
      max-height: 25rem;
      min-height: 25rem;
   }

   .w_logo_brand {
      width: 200px;
      min-width: 200px;
   }

   .h_img_vdo {
      min-height: 25rem;
   }

}

.blog_hover {
   transition: all 0.3s;
   width: 100%;
   height: 100%;
   position: absolute;
   top: 0;
   left: 0;
   background-color: rgb(47 45 125 / 30%) !important;
   align-content: center;
   text-align: center;
   color: #fff !important;
   font-size: var(--fs_head_1);
   opacity: 0;
}

.blog_img {
   transform: scale(1);
   transition: all 0.3s;
}

.tooltip_msg {
   display: none;
}

@media(min-width: 1400px) {
   .box_blog:hover .text_color_detail_blog {
      color: #2f2d7d;
   }

   .box_blog:hover .blog_hover {
      opacity: 1;
   }

   .box_blog:hover .blog_img {
      transform: scale(1.1);
   }

   .btn_conatact_form:hover {
      border: 1px solid #fff;
   }

   .custom_iframe_rent iframe {
      height: 100%;
      min-height: 250px;
   }

   .tooltip_msg {
      visibility: hidden;
      opacity: 0;
      width: max-content;
      background-color: rgba(0, 0, 0, 0.7);
      color: #fff;
      border: 1px solid #fff;
      border-radius: 8px;
      padding: 6px 12px;
      position: absolute;
      z-index: 999;
      top: 120%;
      left: 50%;
      transform: translateX(-50%);
      transition: opacity 0.3s ease, visibility 0.3s ease;
      font-size: 14px;
      display: block;
   }

   .tooltip_msg::after {
      content: "";
      position: absolute;
      width: 10px;
      height: 10px;
      background-color: rgba(0, 0, 0, 0.7);
      border-left: 1px solid #fff;
      border-top: 1px solid #fff;
      top: -6px;
      left: 50%;
      transform: translateX(-50%) rotate(45deg);
   }

   .position_main_link_pj:hover .tooltip_msg {
      visibility: visible;
      opacity: 1;
   }

   .h_img_plan_4k {
      max-height: 35rem;
      min-height: 35rem;
   }
}

@media(min-width: 1600px) {
   .h_img_plan_4k {
      max-height: 40rem;
      min-height: 40rem;
   }

   .h_img_vdo {
      min-height: 30rem;
   }

}

@media(min-width: 3840px) {
   .h_img_plan_4k {
      max-height: 70rem;
      min-height: 70rem;
   }

   .h_img_room_rent {
      max-height: 70rem;
      min-height: 70rem;
   }

   .h_4k {
      min-height: 70rem;
   }

   .h_img_vdo {
      min-height: 50rem;
   }

}