/* nhà đất list */

.nhadat-list-item {
  border: 0.5px solid #208700;

  padding: 20px;
}

.nhadat-img {
  display: flex;

  align-items: center;

  gap: 20px;
}

.nhadat-img .scale-img {
  width: 80px;

  height: 80px;

  border-radius: 50%;

  background: #f1f1f1;

  display: flex;

  align-items: center;

  justify-content: center;
}

.nhadat-img .nhadat-info {
  width: calc(100% - 20px - 80px);
}

.nhadat-name {
  font-size: 26px;
}

.nhadat-desc {
  margin: 0px;

  font-family: "font1";
}

.nhadat-list-cat {
  display: grid;

  grid-template-columns: repeat(2, 1fr);

  gap: 10px;

  margin-top: 20px;
}

.nhadat-list-cat a {
  text-decoration: none;
}

.nhadat-list-cat p {
  color: #252525;

  font-size: 14px;

  font-family: "font2";

  text-decoration: none;

  margin: 0px 0px 10px 0px;
}

/* giới thiệu */

.wrap-gioithieu {
  background: url(../images/bgr_gioithieu.png) no-repeat;

  background-size: 100% 100%;
}

.wrap-group-gioithieu {
  display: flex;

  gap: 20px;
}

.left-gioithieu {
  width: 50%;

  display: flex;

  justify-content: flex-end;

  align-items: center;

  position: relative;
}

.left-gioithieu::before {
  content: "";

  position: absolute;

  width: 80%;

  height: 100%;

  border: 5px solid white;

  top: 0;

  left: 0;

  z-index: 1;
}

.left-gioithieu img {
  position: relative;

  z-index: 2;
}

.right-gioithieu {
  width: 50%;

  color: white;
}

.title-gioithieu {
  font-size: 22px;

  font-family: "font4";
}

.name-gioithieu {
  font-size: 30px;

  font-family: "font4";

  text-transform: uppercase;

  margin: 10px 0px;
}

.desc-gioithieu {
  margin-bottom: 20px;

  font-family: "font1";

  letter-spacing: 0.5px;

  line-height: 24px;
}

.btn-gioithieu a {
  color: white;

  text-decoration: none;
}

/* đăng ký */

.wrap-group-dangky {
  display: flex;
}

.wrap-dangky {
  width: 60%;

  background: url(../images/bgr_dangky.png) no-repeat;

  background-size: 100% 100%;

  padding: 50px 180px 50px 100px;

  position: relative;
}

.wrap-dangky::after {
  position: absolute;

  content: "BẤT ĐỘNG SẢN THUẬN TIẾN PHÁT";

  top: 50%;

  right: -250px;

  transform: translateY(-50%) rotate(270deg);

  color: #2f8d12;

  font-family: "font4";

  font-size: 40px;

  padding: 10px 20px;

  text-shadow: -1px -1px 0 #fff, 1px -1px 0 #fff, -1px 1px 0 #fff,
    1px 1px 0 #fff;
}

.wrap-dangky .title-main span {
  color: white;
}

.wrap-banner-dangky {
  width: 40%;
}

.group-newsletter {
  display: flex;

  flex-direction: column;

  gap: 20px;
}

.input-group {
  color: white;

  font-family: "font2";

  font-size: 13px;
}

.col-input-group {
  display: flex;

  gap: 20px;

  width: 100%;
}

.input-group input {
  width: 100%;

  border: none;

  height: 40px;

  padding: 10px;

  background: white;
}

.input-group textarea {
  width: 100%;

  border: none;

  padding: 10px;

  background: white;

  max-height: 130px;

  resize: none;

  overflow: hidden;
}

.input-group input[type="submit"] {
  background: radial-gradient(
    circle,
    rgba(97, 183, 70, 1) 0%,

    rgba(32, 135, 0, 1) 100%
  );

  color: white;

  font-size: 14px;

  text-transform: uppercase;

  border: none;

  font-weight: bold;

  width: fit-content;

  margin: auto;

  padding: 10px 20px;

  border-radius: 5px !important;

  box-shadow: rgba(0, 0, 0, 0.35) 0px 5px 15px;
}

/* video */

.box-video {
  position: relative;
}

.play-video {
  position: absolute;

  background: url(../images/play2.png) no-repeat;

  background-size: 100% 100%;

  width: 40px;

  height: 40px;

  top: 50%;

  left: 50%;

  transform: translate(-50%, -50%);
}

/* nhận ký gửi */

.box-main-nhankygui {
  display: grid;

  grid-template-columns: repeat(4, 1fr);

  gap: 20px;
}

.name-nhankygui {
  font-size: 16px;

  font-family: "font5";

  color: #252525;

  margin: 8px 0px;

  line-height: normal;

  transition: 0.3s all;
}

.name-nhankygui:hover {
  color: #fc0;
  transition: 0.3s all;
}

.time-nhankygui {
  color: var(--color-gray);

  margin-bottom: 8px;
}

.desc-nhankygui {
  color: #252525;

  font-family: "font1";
}
.wrap-dangky .title-main-index span {
  color: white;
}
.wrap-dangky .line-title {
  background: white;
}

.wrap-dangky .slogan {
  color: white;
}
.video-fix {
  min-height: 600px;
  width: 100%;
  position: relative;
}
.video-fix #my-video {
  position: absolute;
  right: 0;
  bottom: 0;
  width: 100%;
  max-height: 100%;
  height: 100%;
  object-fit: cover;
}