@media (max-width: 1023px) {
  #room {
    padding-top: 100px;
  }
}

.roomClinic {
  padding   : 100px 0;
  background: #f5f5f5;
}

.roomClinic .segTitle {
  margin-bottom: 40px;
}

.roomClinic .--listTab {
  display      : flex;
  gap          : 12px;
  margin-bottom: 32px;
}

.roomClinic .--listTab .--itemTab {
  border       : 1px solid #dcdcdc;
  border-radius: 6px;
  color        : #6f7378;
  cursor       : pointer;
  padding      : 12px 20px;
}

.roomClinic .--listTab .--itemTab i {
  margin-right: 4px;
}

.roomClinic .--listTab .--itemTab:hover,
.roomClinic .--listTab .--itemTab.active {
  background: var(--color-1);
  color     : #fff;
}

.roomClinic .--listClinic .--item {
  margin-bottom : 32px;
  padding-bottom: 32px;
  border-bottom : 1px solid #e8e8e8;
}

.roomClinic .--listClinic .--item:last-child {
  margin-bottom : 0;
  padding-bottom: 0;
  border-bottom : none;
}

.roomClinic .--map {
  height       : 80px;
  border-radius: 6px;
  overflow     : hidden;
  position     : relative;
  margin-bottom: 24px;
}

.roomClinic .--map img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.roomClinic .--map .btn-1 {
  position   : absolute;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  height     : 40px;
  font-weight: 500;
}

.roomClinic .cards {
  background   : #ffffff;
  box-shadow   : 0px 4px 20px rgba(0, 0, 0, 0.05);
  border-radius: 6px;
  padding      : 32px;
}

.roomClinic .cards .btn-1 {
  padding       : 0 20px;
  margin        : auto;
  font-weight   : 500;
  height        : 40px;
  text-transform: uppercase;
}

.roomClinic .cards .--title {
  text-transform: uppercase;
  text-align    : center;
  font-weight   : 700;
  color         : var(--color-1);
}

.roomClinic .cards .--des {
  text-align   : center;
  margin-bottom: 20px;
}

.roomClinic .cards .form input,
.roomClinic .cards .form .nice-select {
  border    : 1px solid #e8e8e8;
  background: #fff;
}

.roomClinic .cards .form input:focus,
.roomClinic .cards .form .nice-select:focus {
  border: 1px solid var(--color-1);
}

.roomClinic .--right .--img {
  margin-top   : 24px;
  width        : 100%;
  height       : 450px;
  filter       : drop-shadow(0px 4px 20px rgba(0, 0, 0, 0.05));
  border-radius: 6px;
  overflow     : hidden;
}

.roomClinic .--right .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

@media (max-width: 1023px) {
  .roomClinic {
    padding: 60px 0;
  }

  .roomClinic .--listTab {
    margin-bottom: 24px;
  }

  .roomClinic .--right {
    margin-top: 60px;
  }

  .roomClinic .--listClinic .--item {
    padding-bottom: 16px;
    margin-bottom : 16px;
  }

  .roomClinic .--viewall {
    margin : 24px auto 0;
    display: flex !important;
  }
}

.roomFaq {
  padding: 100px 0;
}

.roomFaq .segTitle {
  margin-bottom: 32px;
}

@media (max-width: 1023px) {
  .roomFaq {
    padding: 60px 0;
  }
}

.Map .contentMap {
  position : absolute !important;
  transform: none !important;
}

@media (max-width: 1023px) {
  #dtroom {
    padding-top: 100px;
  }
}

.dtroomIntro {
  padding   : 100px 0;
  position  : relative;
  background: #f8f8f8;
}

.dtroomIntro .--left {
  position     : relative;
  height       : 100%;
  padding-right: 12px;
}

.dtroomIntro .--img {
  width   : 100%;
  height  : 100%;
  position: absolute;
  top     : 0;
  left    : 0;
}

.dtroomIntro .--img::after {
  content   : "";
  position  : absolute;
  top       : 0;
  left      : 0;
  width     : 100%;
  height    : 100%;
  background: linear-gradient(0deg, rgba(40, 55, 71, 0.2), rgba(40, 55, 71, 0.2));
}

.dtroomIntro .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.dtroomIntro .--right {
  padding: 32px 0 32px 12px;
}

.dtroomIntro .partent {
  position  : absolute;
  top       : 0;
  height    : 100%;
  left      : 0;
  width     : 40%;
  background: var(--color-1);
}

.dtroomIntro .partent img {
  position     : absolute;
  right        : 0;
  bottom       : 0;
  max-width    : 30%;
  -o-object-fit: contain;
  object-fit   : contain;
}

.dtroomIntro .playVideo {
  position   : absolute;
  top        : 50%;
  left       : 50%;
  transform  : translate(-50%, -50%);
  display    : flex;
  align-items: center;
}

.dtroomIntro .playVideo span {
  width      : 110px;
  color      : #fff;
  margin-left: 40px;
}

.dtroomIntro .--albumimg {
  position  : absolute;
  bottom    : 30px;
  color     : #fff;
  right     : 42px;
  transition: all 0.15s ease;
}

.dtroomIntro .--albumimg:hover {
  color: var(--color-2);
}

.dtroomIntro .segTitle {
  margin-bottom: 24px;
}

.dtroomIntro .--des {
  margin-bottom: 24px;
}

.dtroomIntro ul {
  display      : flex;
  flex-wrap    : wrap;
  gap          : 8px;
  list-style   : none;
  padding-left : 0;
  margin-bottom: 40px;
}

.dtroomIntro ul li {
  width  : calc(50% - 4px);
  display: flex;
}

.dtroomIntro ul i {
  width          : 20px;
  height         : 20px;
  background     : var(--color-1);
  color          : #fff;
  display        : flex;
  align-items    : center;
  flex           : 0 0 auto;
  font-size      : 10px;
  justify-content: center;
  margin-right   : 10px;
  border-radius  : 50%;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtroomIntro {
    padding: 60px 0;
  }
}

@media (max-width: 1023px) {
  .dtroomIntro {
    padding: 40px 0;
  }

  .dtroomIntro .--img {
    position: relative;
    top     : unset;
    left    : unset;
    height  : 250px;
  }

  .dtroomIntro .--albumimg {
    bottom: 24px;
    right : 24px;
  }

  .dtroomIntro .segTitle {
    margin-bottom: 16px;
  }

  .dtroomIntro .--des {
    margin-bottom: 16px;
  }

  .dtroomIntro .--left {
    padding-right: 0;
  }

  .dtroomIntro .--right {
    padding: 20px 0 0;
  }

  .dtroomIntro ul {
    gap          : 16px;
    flex-flow    : column;
    margin-bottom: 24px;
  }

  .dtroomIntro ul li {
    width: 100%;
  }

  .dtroomIntro .--des {
    text-align: justify;
  }

  .dtroomIntro .partent {
    position: absolute;
    top     : 0;
    left    : 0;
    width   : 100%;
    height  : 220px;
  }
}

.dtroomService {
  padding: 100px 0;
}

.dtroomService .--title {
  display        : flex;
  align-items    : center;
  justify-content: space-between;
  margin-bottom  : 40px;
}

.dtroomService .col-md-4:nth-child(n+4) {
  margin-top: 24px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtroomService {
    padding: 60px 0;
  }
}

@media (max-width: 1023px) {
  .dtroomService {
    padding: 60px 0;
  }

  .dtroomService .--title {
    margin-bottom: 20px;
  }

  .dtroomService .--viewall {
    display: none !important;
  }

  .dtroomService .--viewall.mobi {
    display   : flex !important;
    margin-top: 24px;
  }

  .dtroomService .row {
    --bs-gutter-x: 0;
  }

  .dtroomService .col-md-4 {
    width       : 280px;
    margin-right: 16px;
  }

  .dtroomService .col-md-4:nth-child(n+4) {
    margin-top: 0;
  }
}

.dtroomPost {
  background: var(--color-1);
}

.dtroomPost .--slider {
  position: relative;
}

.dtroomPost .arrow {
  position: absolute;
  left    : 0;
  bottom  : 30px;
  display : flex;
  gap     : 10px;
}

.dtroomPost .arrow .--arrow {
  background     : rgba(255, 255, 255, 0.08);
  border         : 1px solid rgba(255, 255, 255, 0.2);
  width          : 80px;
  height         : 80px;
  display        : flex;
  cursor         : pointer;
  align-items    : center;
  justify-content: center;
  transition     : all 0.15s ease;
}

.dtroomPost .arrow .--arrow img {
  width : 40px;
  filter: brightness(100);
}

.dtroomPost .segTitle {
  margin-bottom: 32px;
}

.dtroomPost .--item {
  display: flex !important;
  gap    : 60px;
}

.dtroomPost .--txt {
  color  : #fff;
  width  : 35%;
  padding: 32px 0 20px 0;
}

.dtroomPost .--right {
  width   : calc(65% - 60px);
  position: relative;
}

.dtroomPost .--right::after {
  -webkit-clip-path: polygon(12% 0, 100% 0, 100% 100%, 14% 100%, 0 66%);
  clip-path        : polygon(12% 0, 100% 0, 100% 100%, 14% 100%, 0 66%);
  content          : "";
  position         : absolute;
  top              : 0;
  left             : -4%;
  background       : rgba(255, 255, 255, 0.2);
  width            : 100%;
  height           : 100%;
  z-index          : -1;
}

.dtroomPost .--img {
  -webkit-clip-path: polygon(15% 0, 100% 0, 100% 100%, 10% 100%, 0 66%);
  clip-path        : polygon(15% 0, 100% 0, 100% 100%, 10% 100%, 0 66%);
  width            : 100%;
  height           : 500px;
  position         : relative;
}

.dtroomPost .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

@media (max-width: 1023px) {
  .dtroomPost {
    padding-top: 60px;
  }

  .dtroomPost .segTitle {
    margin-bottom: 16px;
  }

  .dtroomPost .arrow {
    left  : 24px;
    bottom: 480px;
  }

  .dtroomPost .arrow .--arrow {
    width : 50px;
    height: 50px;
  }

  .dtroomPost .arrow .--arrow img {
    width : 30px;
    filter: brightness(0) invert(1) !important;
  }

  .dtroomPost .--img {
    height           : 400px;
    -webkit-clip-path: polygon(35% 0, 100% 19%, 100% 100%, 0 100%, 0 15%);
    clip-path        : polygon(35% 0, 100% 19%, 100% 100%, 0 100%, 0 15%);
  }

  .dtroomPost .container-fluid {
    padding: 0 !important;
  }

  .dtroomPost .--item {
    flex-flow: column;
    gap      : 170px;
  }

  .dtroomPost .--txt {
    width  : 100%;
    padding: 0 24px;
  }

  .dtroomPost .--right {
    width: 100%;
  }

  .dtroomPost .--right::after {
    -webkit-clip-path: polygon(35% 0, 100% 12%, 100% 100%, 0 100%, 0 18%);
    clip-path        : polygon(35% 0, 100% 12%, 100% 100%, 0 100%, 0 18%);
    left             : 0;
    top              : -4%;
  }
}

.dtroomLibrary {
  padding   : 100px 0;
  background: #f8f8f8;
}

.dtroomLibrary ::-webkit-scrollbar {
  height: 1px;
}

.dtroomLibrary ::-webkit-scrollbar-track {
  background: #f1f1f1;
}

.dtroomLibrary ::-webkit-scrollbar-thumb {
  background: #e8e8e8;
}

.dtroomLibrary .segTitle {
  margin-bottom: 32px;
}

.dtroomLibrary .--listLibrary .--item {
  width       : 35vw;
  height      : 340px;
  margin-right: 16px;
  position    : relative;
}

.dtroomLibrary .--listLibrary .--item .--img {
  width : 100%;
  height: 100%;
}

.dtroomLibrary .--listLibrary .--item .--img img {
  width        : 100%;
  height       : 100%;
  -o-object-fit: cover;
  object-fit   : cover;
}

.dtroomLibrary .--listLibrary .playVideo {
  position : absolute;
  top      : 50%;
  left     : 50%;
  transform: translate(-50%, -50%);
}

.dtroomLibrary .--bot {
  display        : flex;
  margin-top     : 32px;
  align-items    : center;
  justify-content: space-between;
}

.dtroomLibrary .--bot .progress {
  width: calc(100% - 200px);
}

.dtroomLibrary .arrow {
  display: flex;
  gap    : 10px;
}

.dtroomLibrary .arrow .--arrow {
  width          : 80px;
  height         : 80px;
  cursor         : pointer;
  display        : flex;
  align-items    : center;
  justify-content: center;
  border         : 1px solid #e8e8e8;
}

.dtroomLibrary .arrow img {
  width: 40px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtroomLibrary {
    padding: 60px 0;
  }
}

@media (max-width: 1023px) {
  .dtroomLibrary {
    padding: 60px 0;
  }

  .dtroomLibrary .progress {
    display: none;
  }

  .dtroomLibrary .--listLibrary .--item {
    width: 78vw;
  }

  .dtroomLibrary .arrow .--arrow {
    width     : 45px;
    height    : 45px;
    background: rgba(189, 189, 189, 0.16);
  }

  .dtroomLibrary .arrow .--arrow img {
    width: 25px;
  }
}

.dtroomMap {
  padding-top: 100px;
}

.dtroomMap .--title {
  width     : 70%;
  text-align: center;
  margin    : 0 auto 32px;
}

.dtroomMap .segTitle {
  margin-bottom: 16px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtroomMap {
    padding-top: 60px;
  }
}

@media (max-width: 1023px) {
  .dtroomMap {
    padding-top: 60px;
  }

  .dtroomMap .--title {
    margin: 0 0 24px 0;
    width : 100%;
  }
}

.dtroomFaq {
  background: #f8f8f8;
  padding   : 100px 0;
}

.dtroomFaq .segTitle {
  margin-bottom: 32px;
}

@media (min-width: 1024px) and (max-width: 1279px) {
  .dtroomFaq {
    padding: 60px 0;
  }
}

@media (max-width: 1023px) {
  .dtroomFaq {
    padding: 60px 0;
  }

  .dtroomFaq .segTitle {
    margin-bottom: 16px;
  }
}

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