/*============START VPS QUOC TE===========*/
.layer-vdi .section-1 {
  background-image: url("../images/vdi/bg-1.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f6f6f6;
  padding: 55px 0 55px;
}

.layer-vdi .section-1 .title-text {
  font-family: "Mulish Bold";
}

.layer-vdi .section-1 .action-group {
  display: flex;
  align-items: center;
  flex-wrap: wrap;
}

.layer-vdi .section-1 .btn-contact-consultant {
  background: url("../images/email-hybrid-right-arrow-hover.png") no-repeat
    right 20px center;
  color: #ffffff;
  background-color: #e71616;
  border: 2px solid #e50914;
  font-size: 17px;
  padding: 14px 52px 14px 24px;
  border-radius: 12px;
  margin: 15px 18px 30px 0;
}

.layer-vdi .section-1 .title-1 {
  color: #e50914;
  font-size: 48px;
  font-family: "Mulish ExtraBold";
  margin-bottom: 4px;
}

.layer-vdi .section-1 .title-2 {
  color: #e50914;
  font-size: 32.29px;
  font-family: "Mulish Italic";
  margin-bottom: 4px;
}

.layer-vdi .section-1 .content {
  font-size: 16px;
  margin-bottom: 10px;
}

.layer-vdi .section-1 .heading {
  font-size: 24px;
  font-family: "Mulish Bold";
}
/* =======================*/

.layer-vdi .section-2 {
  padding: 48px 0 80px;
}

.layer-vdi .section-2 .text-breadcrumb {
  text-align: center;
  font-size: 17px;
  font-family: "Mulish Medium";
}

.layer-vdi .section-2 .text-breadcrumb .current-page {
  font-family: "Mulish Bold";
}

.layer-vdi .section-2 .border-beadcrumb {
  overflow: hidden;
  text-align: center;
  display: flex;
  justify-content: center;
  align-items: center;
  margin-bottom: 56px;
}

.layer-vdi .section-2 .heading {
  text-align: center;
  margin-bottom: 30px;
}

.layer-vdi .section-2 .heading-1 {
  font-family: "Mulish Bold";
  font-size: 36px;
  text-align: center;
}

.layer-vdi .section-2 .card-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 120px 23px 60px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  text-align: left;
  border-radius: 24px;
  margin-bottom: 30px;
  margin-top: 20px;
  position: relative;
  height: calc(100% - 30px);
}

.layer-vdi .section-2 .card-item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 24px;
  width: calc(100% - 46px);
  height: 96px;
  background-repeat: no-repeat;
  background-position: left top;
}

.layer-vdi .section-2 .card-item.icon-1::before {
  background-image: url("../images/vdi/crisis.png");
}

.layer-vdi .section-2 .card-item.icon-2::before {
  background-image: url("../images/vdi/time.png");
}

.layer-vdi .section-2 .card-item.icon-3::before {
  background-image: url("../images/vdi/unlock.png");
}

.layer-vdi .section-2 .card-item.icon-4::before {
  background-image: url("../images/vdi/working-hours.png");
}

.layer-vdi .section-2 .card-item:hover,
.layer-vdi .section-2 .card-item:hover .price span {
  background-color: #ff2863;
  color: #ffffff;
}

.layer-vdi .section-2 .card-item .title {
  font-size: 18px;
  margin-top: 16px;
  font-family: "Mulish Bold";
}

/* =======================*/

.layer-vdi .section-3 {
  background-image: url("../images/vdi/bg-2.jpg");
  background-size: 100% 100%;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f6f6f6;
  padding: 100px 0 100px;
}

.layer-vdi .section-3 .card-item {
  display: flex;
  flex-direction: column;
  padding: 164px 40px 24px;
  background-color: #ffffff;
  border: 1px solid transparent;
  text-align: center;
  border-radius: 20px;
  margin-bottom: 20px;
  position: relative;
}

.layer-vdi .section-3 .card-item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 50%;
  transform: translateX(-50%);
  width: calc(100% - 84px);
  height: 110px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.layer-vdi .section-3 .card-2 {
  display: flex;
  flex-direction: column;
  justify-content: flex-end;
  margin-bottom: 20px;
  background-color: #ffffff;
  border: 1px solid transparent;
  border-radius: 20px;
  padding-left: 15px;
}

.layer-vdi .section-3 .card-2:hover {
  color: #ffffff;
  background-color: #3d0694;
  border-color: #4131be;
}

.layer-vdi .section-3 .card-2::before {
  content: "";
  position: absolute;
  top: 0px;
  right: 6px;
  width: 127px;
  height: 45px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.layer-vdi .section-3 .card-2 .title1 {
  font-size: 25px;
  margin: 0;
}

.layer-vdi .section-3 .card-2 .text1 {
  font-family: "Mulish Bold";
}

.layer-vdi .section-3 .card-2 .text {
  font-size: 45px;
  font-family: "Mulish Bold";
  line-height: 1.3;
}

.layer-vdi .section-3 .heading-1 {
  font-family: "Mulish SemiBold";
  font-size: 30px;
  width: 100%;
  text-align: center;
  margin-bottom: 0;
}

.layer-vdi .section-3 .heading-2 {
  font-size: 40px;
  margin-top: 0;
  text-align: center;
  margin-bottom: 48px;
}

.layer-vdi .section-3 .title {
  font-size: 22px;
  font-family: "Mulish Bold";
  margin-bottom: 8px;
}

.layer-vdi .section-3 .text {
  font-size: 17px;
  padding-bottom: 25px;
}

.layer-vdi .section-3 .col-md-4 {
  display: flex;
  padding-left: 10px;
}

.layer-vdi .section-3 .card-item.icon1::before {
  background-image: url("../images/vdi/sever.png");
}

.layer-vdi .section-3 .card-2.icon2::before {
  background-image: url("../images/vdi/bkhost.png");
}

.layer-vdi .section-3 .card-item.icon3::before {
  background-image: url("../images/vdi/neural.png");
}

.layer-vdi .section-3 .card-item.icon4::before {
  background-image: url("../images/vdi/reduction.png");
}

.layer-vdi .section-3 .card-item.icon5::before {
  background-image: url("../images/vdi/cyber-securty.png");
}

.layer-vdi .section-3 .card-item.icon6::before {
  background-image: url("../images/vdi/extendable.png");
}

.layer-vdi .section-3 .card-item:hover {
  color: #ffffff;
  background-color: #3d0694;
  border-color: #4131be;
}

/*======================*/

.layer-vdi .section-4 {
  padding: 50px 0 40px;
}

.layer-vdi .section-4 .heading {
  font-family: "Mulish Bold";
  font-size: 36px;
  text-align: center;
  margin-top: 30px;
}

.layer-vdi .section-4 .img1 {
  margin: 0 auto 20px;
  width: 934px;
  height: 476px;
  margin-top: 20px;
}

.section-4 {
  padding: 40px 0;
  background-color: #ffffff;
}

/* Hai cột nội dung */
.section-4 .content-box {
  display: flex;
  justify-content: center;
  align-items: stretch;
  gap: 30px;
  flex-wrap: wrap;
  margin-top: 50px;
  max-width: 1200px;
  margin-bottom: 50px;
  margin-left: auto;
  margin-right: auto;
}

/* Từng box */
.section-4 .box {
  background: #fff;
  border: 1px solid #e5e5e5;
  border-radius: 10px;
  padding: 10px;
  width: 570px;
  height: 500px;
  text-align: left;
  box-sizing: border-box;
  overflow: hidden;
}

.section-4 .title {
  font-size: 18px;
  font-family: "Mulish Bold";
  margin-bottom: 10px;
}

.section-4 .text {
  font-size: 16px;
}

.section-4 .noidung1 {
  padding: 0px 30px;
}

.section-4 .noidung2 {
  padding: 37px 43px 22px 20px;
}

.section-4 .highlight {
  font-family: "Mulish Bold";
}
/*======================*/
.layer-vdi .section-5 {
  padding: 64px 0 72px;
  background-color: #f6f6f6;
}

.layer-vdi .section-5 .heading {
  font-family: "Mulish Bold";
  font-size: 36px;
  text-align: center;
  margin-bottom: 50px;
}

.layer-vdi .section-5 .title {
  font-size: 18px;
  font-family: "Mulish Bold";
  margin-bottom: 8px;
}

.layer-vdi .section-5 .col-md-4 {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}

.layer-vdi .section-5 .card-item {
  display: flex;
  flex-direction: column;
  padding: 130px 42px 24px;
  background-color: #ffffff;
  border: none;
  text-align: left;
  border-radius: 30px;
  margin-bottom: 20px;
  position: relative;
}

.layer-vdi .section-5 .card-item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 42px;
  width: 88px;
  height: 81px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.layer-vdi .section-5 .card-item.icon1::before {
  background-image: url("../images/vdi/technology.png");
}

.layer-vdi .section-5 .card-item.icon1:hover::before {
  background-image: url("../images/vdi/technology-hover.png");
}

.layer-vdi .section-5 .card-item.icon2::before {
  background-image: url("../images/vdi/share-foder.png");
}

.layer-vdi .section-5 .card-item.icon3::before {
  background-image: url("../images/vdi/high-performance.png");
}

.layer-vdi .section-5 .card-item.icon3:hover:before {
  background-image: url("../images/vdi/high-performance-hover.png");
}

.layer-vdi .section-5 .card-item.icon4::before {
  background-image: url("../images/vdi/settings-2.png");
}

.layer-vdi .section-5 .card-item.icon4:hover::before {
  background-image: url("../images/vdi/settings-hover.png");
}

.layer-vdi .section-5 .card-item.icon5::before {
  background-image: url("../images/vdi/backup.png");
}
.layer-vdi .section-5 .card-item.icon5:hover:before {
  background-image: url("../images/vdi/backup-hover.png");
}

.layer-vdi .section-5 .card-item:hover {
  color: #ffffff;
  background-color: #ff2863;
}
/*======================*/

.layer-vdi .section-6 {
  background-image: url("../images/vdi/bg-3.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #f6f6f6;
  padding: 70px 0 120px;
}

.layer-vdi .section-6 .heading-1 {
  font-family: "Mulish Bold";
  font-size: 40px;
  text-align: center;
  color: #ffffff;
}

.layer-vdi .section-6 .heading-2 {
  font-size: 30px;
  font-family: "Mulish Medium";
  margin-bottom: 70px;
  text-align: center;
  color: #ffffff;
}

.layer-vdi .section-6 .text {
  font-size: 18px;
}

.layer-vdi .section-6 .title {
  font-size: 18px;
}

.layer-vdi .section-6 .heading {
  text-align: center;
  color: #ffffff;
}

.layer-vdi .section-6 .heading-1 {
  font-size: 40px;
  font-family: "Mulish Bold";
  margin-bottom: 0;
}

.layer-vdi .section-6 .col-md-4 {
  display: flex;
  padding-left: 10px;
  padding-right: 10px;
}

.layer-vdi .section-6 .card-item {
  display: flex;
  flex-direction: column;
  padding: 175px 72px 24px;
  background-color: #ffffff;
  border: none;
  text-align: center;
  border-radius: 8px;
  margin-bottom: 20px;
  position: relative;
}

.layer-vdi .section-6 .card-item::before {
  content: "";
  position: absolute;
  top: 32px;
  width: calc(100% - 144px);
  height: 110px;
  background-repeat: no-repeat;
  background-position: center;
  background-size: contain;
}

.layer-vdi .section-6 .card-item.icon1::before {
  background-image: url("../images/vdi/networking.png");
}

.layer-vdi .section-6 .card-item.icon2::before {
  background-image: url("../images/vdi/reduction.png");
}

.layer-vdi .section-6 .card-item.icon3::before {
  background-image: url("../images/vdi/earth-globe.png");
}

.layer-vdi .section-6 .card-item.icon4::before {
  background-image: url("../images/vdi/cyber-securty.png");
}

.layer-vdi .section-6 .card-item .text-bold {
  font-family: "Mulish Bold";
}

/* =======================*/
.layer-vdi .section-7 {
  padding: 20px 0 100px;
}

.layer-vdi .section-7 .heading-1 {
  font-family: "Mulish Bold";
  font-size: 36px;
  text-align: center;
  margin-top: 80px;
  margin-bottom: 30px;
}

.layer-vdi .section-7 .card-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 120px 35px 50px;
  background-color: #ffffff;
  text-align: left;
  border-radius: 24px;
  position: relative;
  height: calc(100% - 30px);
}

.layer-vdi .section-7 .card-item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 35px;
  width: calc(100% - 46px);
  height: 75px;
  background-repeat: no-repeat;
  background-position: left top;
  background-size: contain;
}

.layer-vdi .section-7 .card-item.icon-1::before {
  background-image: url("../images/vdi/facilitator.png");
}
.layer-vdi .section-7 .card-item.icon-1:hover:before {
  background-image: url("../images/vdi/facilitator-hover.png");
}

.layer-vdi .section-7 .card-item.icon-2::before {
  background-image: url("../images/vdi/bank.png");
}

.layer-vdi .section-7 .card-item.icon-3::before {
  background-image: url("../images/vdi/management.png");
}

.layer-vdi .section-7 .card-item.icon-3:hover:before {
  background-image: url("../images/vdi/management-hover.png");
}

.layer-vdi .section-7 .card-item:hover,
.layer-vdi .section-7 .card-item:hover .price span {
  background-color: #ff1152;
  color: #ffffff;
}

.layer-vdi .section-7 .card-item .title {
  font-size: 18px;
  font-family: "Mulish Bold";
}
/*======================*/

.layer-vdi .section-8 .heading {
  font-family: "Mulish Bold";
  font-size: 40px;
}

.layer-vdi .section-8 .vdi_compare_table {
  width: 100%;
  table-layout: fixed;
  margin: 30px auto 100px;
  border-collapse: collapse;
}

.layer-vdi .section-8 .vdi_compare_table thead tr {
  background: transparent;
}

.layer-vdi .section-8 .vdi_compare_table tr {
  border-bottom: 2px solid #02226b;
}

.layer-vdi .section-8 .vdi_compare_table thead th {
  padding: 18px 0;
  color: #181818;
  font-size: 20px;
  font-family: "Mulish Bold";
  position: relative;
}
.layer-vdi .section-8 .vdi_compare_table .bg {
  background: #f40000;
  color: #ffffff;
}

.layer-vdi .section-8 .vdi_compare_table tbody tr td:nth-child(3) {
  background-color: #fee5e5;
}

.layer-vdi .section-8 .vdi_compare_table tbody td {
  padding: 18px 0;
  text-align: left;
  font-size: 16px;
  vertical-align: middle;
  font-family: "Mulish Medium";
}

.layer-vdi
  .section-8
  .vdi_compare_table
  tr:nth-last-child(2)
  td:not(:first-child) {
  color: #ff0000;
  font-family: "Mulish Bold";
}

.layer-vdi .section-8 .vdi_compare_table tbody td:first-child {
  font-size: 18px;
  font-family: "Mulish Bold";
}

.layer-vdi .section-8 .vdi_compare_table .try-btn,
.layer-vdi .section-8 .vdi_compare_table .sign-now-btn {
  text-decoration: none;
  display: inline-block;
  text-align: center;
  background: #ffffff;
  color: #f40000;
  border: 2px solid #ff2863;
  border-radius: 12px;
  padding: 8px 20px;
  font-family: "Mulish SemiBold";
}
.layer-vdi .section-8 .vdi_compare_table .try-btn {
  margin-left: 17px;
}

.layer-vdi .section-8 .vdi_compare_table .try-btn:hover,
.layer-vdi .section-8 .vdi_compare_table .sign-now-btn:hover {
  background-color: #f40000;
  color: #ffffff;
  border-color: #f40000;
}
.layer-vdi .section-8 .vdi_compare_table .sign-now-btn {
  margin-left: 20px;
}
.layer-vdi .section-8 .vdi_compare_table thead th:not(:first-child) {
  padding-left: 26px;
}

.layer-vdi .section-8 .vdi_compare_table .vdi-star {
  margin-left: 50px;
}

.layer-vdi
  .section-8
  .vdi_compare_table
  tbody
  tr:not(:last-child)
  td:not(:first-child) {
  padding-left: 30px;
}

.layer-vdi .section-8 .vdi_compare_table tbody tr:last-child {
  border-bottom: none;
}

.layer-vdi .section-8 .vdi_compare_table thead th {
  position: relative;
  overflow: hidden;
}

.layer-vdi .section-8 .vdi_compare_table thead th::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 28px;
  width: 50%;
  height: 3px;
  background-color: #f40000;
}

.layer-vdi .section-8 .vdi_compare_table thead th:first-child::after {
  content: "";
  position: absolute;
  bottom: -1px;
  left: 0;
  width: 25%;
  height: 3px;
  background-color: #f40000;
}

/*======================*/

.layer-vdi .section-9 {
  background-image: url("../images/vps/vps-bg-7.jpg");
  background-size: cover;
  background-repeat: no-repeat;
  background-position: center;
  background-color: #eb0f4b;
  min-height: 600px;
  max-height: 650px;
  position: relative;
}

.layer-vdi .section-9 .testimonials-items {
  position: relative;
  min-height: 600px;
}

.layer-vdi .section-9 .card-item {
  position: absolute;
  background-color: #ffffff;
  color: #000000;
  border-radius: 12px;
  border: 1px;
  top: 64px;
  left: 49.3%;
  padding: 42px 64px 54px;
  max-width: 540px;
}

.layer-vdi .section-9 .customer-review {
  position: absolute;
  top: 40.3%;
  left: 26.3%;
  background-color: #ffffff;
  border-radius: 8px;
  padding: 8px 28px 8px 8px;
}

.layer-vdi .section-9 .card-item .heading {
  text-align: center;
}

.layer-vdi .section-9 .card-item .heading-1 {
  font-family: "Mulish SemiBold";
  font-size: 30px;
}

.layer-vdi .section-9 .card-item .heading-2 {
  font-size: 40px;
  margin-bottom: 18px;
  font-family: "Mulish Bold";
}

.layer-vdi .section-9 .quote-wrapper {
  position: relative;
  padding: 30px 0;
}

.layer-vdi .section-9 .quote-icon {
  width: 63px;
  height: auto;
}

.layer-vdi .section-9 .quote-open {
  position: absolute;
  top: 20px;
  left: -32px;
}

.layer-vdi .section-9 .quote-close {
  position: absolute;
  bottom: -10px;
  right: -24px;
}

.layer-vdi .section-9 .card-item .content {
  font-size: 18px;
  margin-bottom: 48px;
  padding-left: 48px;
  max-width: 420px;
}

.layer-vdi .section-9 .previous-btn {
  position: absolute;
  left: 56%;
  bottom: 42px;
}

.layer-vdi .section-9 .next-btn {
  position: absolute;
  left: 59%;
  bottom: 42px;
}

.layer-vdi .section-9 .slick-next {
  background-image: url("../images/vps/vps-next.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 90%;
  right: 40%;
}

.layer-vdi .section-9 .slick-next:before {
  content: "" !important;
  display: none;
}

.layer-vdi .section-9 .slick-prev {
  background-image: url("../images/vps/vps-previous.png") !important;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
  top: 90%;
  left: 55%;
}

.layer-vdi .section-9 .slick-prev:before {
  content: "" !important;
  display: none;
}

.layer-vdi .section-9 .content {
  display: flex;
  align-items: center;
}

.layer-vdi .section-9 .avatar {
  margin-right: 4px;
}

.layer-vdi .section-9 .info .name {
  font-family: "Mulish Bold";
  font-size: 26px;
}

.layer-vdi .section-9 .info .position {
  font-size: 14px;
}

.layer-vdi .section-10 {
  background-color: #ffffff;
  padding: 50px 0 100px;
}

.layer-vdi .section-10 .heading-1 {
  font-size: 40px;
  font-family: "Mulish Bold";
  text-align: center;
}

.section-10 .highlight {
  font-family: "Mulish Bold";
}

.layer-vdi .section-10 .card-item {
  display: flex;
  flex-direction: column;
  width: 100%;
  padding: 110px 25px 10px;
  background-color: #ffffff;
  border: 1px solid #dedede;
  text-align: left;
  border-radius: 24px;
  margin-top: 50px;
  position: relative;
  height: calc(100% - 30px);
}

.layer-vdi .section-10 .card-item::before {
  content: "";
  position: absolute;
  top: 24px;
  left: 28px;
  width: 95px;
  height: 85px;
  background-size: contain;
  background-repeat: no-repeat;
  background-position: center;
}

.layer-vdi .section-10 .card-item.icon-1::before {
  background-image: url("../images/vdi/business-people.png");
}
.layer-vdi .section-10 .card-item.icon-1:hover::before {
  background-image: url("../images/vdi/business-people-hover.png");
}
.layer-vdi .section-10 .card-item.icon-2::before {
  background-image: url("../images/vdi/free-ship.png");
}
.layer-vdi .section-10 .card-item.icon-2:hover::before {
  background-image: url("../images/vdi/free-ship-hover.png");
}
.layer-vdi .section-10 .card-item.icon-3::before {
  background-image: url("../images/vdi/cogwheel.png");
}
.layer-vdi .section-10 .card-item.icon-3:hover::before {
  background-image: url("../images/vdi/cogwheel-hover.png");
}
.layer-vdi .section-10 .card-item.icon-4::before {
  background-image: url("../images/vdi/signature.png");
}
.layer-vdi .section-10 .card-item.icon-4:hover::before {
  background-image: url("../images/vdi/signature-hover.png");
}
.layer-vdi .section-10 .card-item:hover,
.layer-vdi .section-10 .card-item:hover .price span {
  background-color: #ff1152;
  color: #ffffff;
}

.layer-vdi .section-10 .card-item .title {
  font-size: 20px;
  margin-top: 10px;
  margin-bottom: 10px;
  font-family: "Mulish Bold";
}

.layer-vdi .section-10 .card-item .text {
  font-size: 16px;
}

.layer-vdi .section-10 .card-item .number {
  font-size: 16px;
  font-family: "Mulish Bold";
  color: #ff0000;
}

.layer-vdi .section-10 .card-item .price {
  margin-top: 16px;
}

.layer-vdi .section-11 {
  padding: 54px 0 32px;
  background-color: #a2110b;
}

.layer-vdi .section-11 .banner {
  text-align: center;
}

.layer-vdi .section-11 .heading {
  font-size: 48px;
  font-family: "Mulish ExtraBold";
  color: #f9f9f9;
}

.layer-vdi .section-11 .content {
  color: #ffdede;
  font-size: 18px;
}

.layer-vdi .section-11 .btn-start-now-2 {
  background: url("../images/vps/right-arrow-black.png") no-repeat right 24px
    center;
  display: inline-block;
  background-color: #f7cc03;
  border: 2px solid transparent;
  font-size: 18px;
  padding: 16px 52px 16px 36px;
  border-radius: 8px;
  margin: 28px 18px 16px 0;
  font-family: "Mulish SemiBold";
}

/*============responsive===========*/

@media (min-width: 1200px) and (max-width: 1399px) {
  .layer-vdi .section-9 .customer-review {
    left: 16.3%;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .layer-vdi .section-9 .customer-review {
    left: 9.3%;
  }
}

@media (min-width: 768px) and (max-width: 991px) {
  .layer-vdi .section-1 {
    padding-left: 64px;
    padding-right: 64px;
    background: #f6f6f6;
  }

  .layer-vdi .section-8 .vdi_compare_table .try-btn,
  .layer-vdi .section-8 .vdi_compare_table .sign-now-btn {
    font-size: 11px;
  }

  .layer-vdi .section-2 .col-md-3 {
    flex: 0 0 33.333%;
    max-width: 33.333%;
  }

  .layer-vdi .section-6 .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layer-vdi .section-3 .col-md-4 {
    flex: 0 0 50%;
    max-width: 50%;
  }

  .layer-vdi .section-8 .vdi_compare_table tbody td {
    padding: 11px 0px;
    text-align: left;
    font-size: 13px;
    vertical-align: middle;
    font-family: "Mulish Medium";
  }
  .layer-vdi .section-8 .vdi_compare_table tbody td:first-child {
    font-size: 12px;
    font-family: "Mulish Bold";
  }
  .layer-vdi .section-8 .vdi_compare_table thead th {
    font-size: 16px;
  }
  .layer-vdi .section-8 .vdi_compare_table .vdi-star {
    margin-left: 5px;
    height: 20px;
  }
  .layer-vdi .section-8 .vdi_compare_table .sign-now-btn {
    margin-left: 12px;
  }

  .layer-vdi .section-9 {
    min-height: auto;
    background: #eb0f4b;
    max-height: 460px;
    padding: 40px 10px 80px;
    background-position: right center;
  }

  .layer-vdi .section-9 .card-item {
    position: relative;
    top: auto;
    right: auto;
    left: 0;
    padding: 32px 24px 48px;
    max-width: 95%;
    margin: 0 auto;
  }

  .layer-vdi .section-9 .card-item .heading-1 {
    font-size: 20px;
    line-height: 1.4;
  }

  .layer-vdi .section-9 .card-item .heading-2 {
    font-size: 28px;
    margin-bottom: 28px;
    margin-top: 0;
  }

  .layer-vdi .section-9 .quote-wrapper {
    padding: 0;
  }

  .layer-vdi .section-9 .quote-icon {
    width: 36px;
  }

  .layer-vdi .section-9 .quote-open {
    top: -8px;
    left: 12px;
  }

  .layer-vdi .section-9 .quote-close {
    bottom: -40px;
    right: 12px;
  }

  .layer-vdi .section-9 .card-item .content {
    display: block;
    font-size: 16px;
    margin-bottom: 32px;
    padding-left: 42px;
    padding-right: 42px;
    max-width: 100%;
    text-align: center;
    line-height: 1.6;
  }

  .layer-vdi .section-9 .customer-review {
    position: relative;
    top: auto;
    left: auto;
    margin: 24px auto 0;
    padding: 12px 20px;
    max-width: 95%;
    width: fit-content;
  }

  .layer-vdi .section-9 .customer-review .review {
    width: 100px;
    height: auto;
    margin-bottom: 8px;
  }

  .layer-vdi .section-9 .avatar {
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }

  .layer-vdi .section-9 .info .name {
    font-size: 18px;
  }

  .layer-vdi .section-9 .info .position {
    font-size: 12px;
  }
}

@media (min-width: 992px) and (max-width: 1199px) {
  .layer-vdi .section-8 .vdi_compare_table .vdi-star {
    margin-left: 30px;
    height: 22px;
  }
}

@media (max-width: 767px) {
  .layer-vdi .section-1 {
    padding-left: 36px;
    padding-right: 36px;
    background: #f6f6f6;
  }
  .layer-vdi .section-2 .col-md-3,
  .layer-vdi .section-3 .col-md-4,
  .layer-vdi .section-5 .col-md-4,
  .layer-vdi .section-6 .col-md-4,
  .layer-vdi .section-7 .col-md-4,
  .layer-vdi .section-10 .col-md-3 {
    flex: 0 0 50%;
    max-width: 50%;
  }
  .layer-vdi .section-9 {
    min-height: auto;
    padding: 40px 20px 80px;
    background-position: right center;
  }

  .layer-vdi .section-9 .card-item {
    position: relative;
    top: auto;
    right: auto;
    left: 0;
    padding: 32px 24px 48px;
    max-width: 95%;
    margin: 0 auto;
    border-radius: 24px;
  }

  .layer-vdi .section-9 .testimonials-items {
    min-height: 0;
  }

  .layer-vdi .section-9 .card-item .heading-1 {
    font-size: 20px;
    line-height: 1.4;
  }

  .layer-vdi .section-9 .card-item .heading-2 {
    font-size: 28px;
    margin-bottom: 28px;
    margin-top: 0;
  }

  .layer-vdi .section-9 .quote-wrapper {
    padding: 20px 0;
  }

  .layer-vdi .section-9 .quote-icon {
    width: 40px;
  }

  .layer-vdi .section-9 .quote-open {
    top: 10px;
    left: -6px;
  }

  .layer-vdi .section-9 .quote-close {
    bottom: -5px;
    right: 0px;
  }

  .layer-vdi .section-9 .card-item .content {
    font-size: 16px;
    margin-bottom: 32px;
    padding-right: 64px;
    text-align: center;
    display: block;
    max-width: 100%;
    line-height: 1.6;
  }

  .layer-vdi .section-9 .customer-review {
    position: relative;
    top: auto;
    left: auto;
    margin: 24px auto 0;
    padding: 12px 20px;
    max-width: 100%;
    width: fit-content;
  }

  .layer-vdi .section-9 .customer-review .review {
    width: 100px;
    height: auto;
    margin-bottom: 8px;
  }

  .layer-vdi .section-9 .avatar {
    width: 48px;
    height: 48px;
    margin-right: 10px;
  }

  .layer-vdi .section-9 .info .name {
    font-size: 18px;
  }

  .layer-vdi .section-9 .info .position {
    font-size: 12px;
  }

  .layer-vdi .section-8 .vdi_compare_table tbody td {
    padding: 11px 0px;
    text-align: left;
    font-size: 10px;
    vertical-align: middle;
    font-family: "Mulish Medium";
  }
  .layer-vdi .section-8 .vdi_compare_table tbody td:first-child {
    font-size: 12px;
    font-family: "Mulish Bold";
  }
  .layer-vdi .section-8 .vdi_compare_table thead th {
    font-size: 12px;
  }
  .layer-vdi .section-8 .vdi_compare_table .vdi-star {
    margin-left: 5px;
    height: 20px;
  }
  .layer-vdi .section-8 .vdi_compare_table .sign-now-btn {
    margin-left: 12px;
  }
  .layer-vdi .section-9 .quote-icon {
    width: 32px;
  }

  .layer-vdi .section-9 .quote-open {
    top: 18px;
  }
  .layer-vdi .section-11 .heading {
    font-size: 30px;
  }
}

@media (max-width: 992px) and (min-width: 481px) {
  .section-4 .content-box {
    flex-direction: column;
    align-items: center;
    gap: 20px;
    padding: 0 20px;
  }

  .section-4 .box {
    width: 100%;
    height: auto;
  }

  .layer-vdi .section-4 .img1 {
    width: 100%;
    height: auto;
  }

  .section-4 .box .img {
    width: 100%;
  }

  .section-4 .box .img img {
    width: 100%;
    height: auto;
    display: block;
  }

  .section-4 .noidung1,
  .section-4 .noidung2 {
    padding: 20px;
  }

  .section-4 .text {
    font-size: 15px;
    line-height: 1.6;
  }

  .layer-vdi .section-4 .heading {
    font-size: 28px;
  }
}

/*============responsive===========*/
@media (min-width: 481px) and (max-width: 619px) {
  .layer-vdi .section-8 .vdi_compare_table .vdi-star {
    display: none;
  }
}

/*======================*/
@media (max-width: 480px) {
  .layer-vdi .section-1 {
    padding: 43px 16px 0;
    background-size: cover;
  }
  .layer-vdi .section-2 .col-md-3,
  .layer-vdi .section-5 .col-md-4,
  .layer-vdi .section-6 .col-md-4,
  .layer-vdi .section-7 .col-md-4,
  .layer-vdi .section-10 .col-md-3 {
    flex: 0 0 100%;
    max-width: 100%;
  }

  .layer-vdi .section-1 .title-1 {
    font-size: 30px;
  }
  .layer-vdi .section-1 .title-2 {
    font-size: 24px;
  }
  .layer-vdi .section-1 .content {
    font-size: 16px;
    margin-top: 20px;
  }
  .layer-vdi .section-1 .heading {
    font-size: 20px;
    margin-top: 20px;
  }
  .layer-vdi .section-1 .btn-contact-consultant {
    font-size: 15px;
  }
  .layer-vdi .section-2 .heading-1,
  .layer-vdi .section-6 .heading-1,
  .layer-vdi .section-7 .heading-1 {
    font-size: 30px;
    margin-top: 0;
  }
  .layer-vdi .section-2 .card-item::before,
  .layer-vdi .section-5 .card-item::before,
  .layer-vdi .section-6 .card-item::before,
  .layer-vdi .section-7 .card-item::before,
  .layer-vdi .section-10 .card-item::before {
    background-size: contain;
    height: 75px;
  }
  .layer-vdi .section-2 .card-item {
    padding: 120px 23px 45px;
  }
  .layer-vdi .section-2 .border-beadcrumb {
    margin-bottom: 20px;
  }
  .layer-vdi .section-3 {
    padding: 70px 0 50px;
  }
  .layer-vdi .section-3 .card-2 .title1 {
    padding-top: 50px;
  }
  .layer-vdi .section-3 .card-item {
    padding: 130px 42px 24px;
  }

  .layer-vdi .section-3 .title,
  .layer-vdi .section-5 .title {
    font-size: 16px;
    margin-top: 15px;
  }
  .layer-vdi .section-3 .text {
    font-size: 14px;
  }
  .layer-vdi .section-3 .card-2 .text {
    font-size: 38px;
  }
  .layer-vdi .section-3 .card-2 .title {
    font-size: 22px;
    padding-top: 80px;
  }
  .layer-vdi .section-3 .col-md-4 {
    flex: 0 0 100%;
    max-width: 100%;
    padding: 0 15px;
  }

  .layer-vdi .section-4 .content-box {
    flex-direction: column;
    gap: 20px;
  }

  .section-4 .box {
    width: 100%;
    height: auto;
    padding: 16px;
  }

  .layer-vdi .section-4 .img1 {
    width: 100%;
    height: auto;
    margin-top: 16px;
  }

  .section-4 .title {
    font-size: 16px;
  }

  .section-4 .text {
    font-size: 14px;
  }

  .section-4 .noidung1,
  .section-4 .noidung2 {
    padding: 10px 12px;
  }
  .layer-vdi .section-4 .heading,
  .layer-vdi .section-8 .heading,
  .layer-vdi .section-11 .heading {
    margin-top: 0;
    font-size: 30px;
    margin-bottom: 0px;
  }
  .layer-vdi .section-5 .heading {
    margin-top: 30px;
    font-size: 30px;
    margin-bottom: 30px;
  }
  .layer-vdi .section-5 {
    padding-top: 0;
    padding-bottom: 0;
  }

  .layer-vdi .section-5 .card-item {
    padding: 120px 42px 18px;
    margin-bottom: 30px;
  }

  .layer-vdi .section-5 .card-item::before {
    top: 30px;
  }

  .layer-vdi .section-6 .heading-2 {
    font-size: 20px;
    margin-top: 10px;
    margin-bottom: 20px;
  }
  .layer-vdi .section-6 .card-item {
    padding: 125px 72px 20px;
  }

  .layer-vdi .section-6 {
    padding: 50px 0 50px;
  }

  .layer-vdi .section-7 .card-item .title,
  .layer-vdi .section-10 .card-item .title {
    margin-top: 0;
  }

  .layer-vdi .section-7 .card-item {
    margin-bottom: 0;
    padding-bottom: 40px;
  }
  .layer-vdi .section-7 .col-md-12 {
    flex: 0 0 100%;
  }

  .layer-vdi .section-7 {
    padding: 20px 0 50px;
  }
  .vdi_table_wrapper {
    overflow-x: auto;
    -webkit-overflow-scrolling: touch;
  }

  .vdi_table_wrapper table {
    min-width: 700px;
  }
  .layer-vdi .section-8 .vdi_compare_table tbody td {
    padding: 11px 0px;
    text-align: left;
    font-size: 10px;
    vertical-align: middle;
    font-family: "Mulish Medium";
  }
  .layer-vdi .section-8 .vdi_compare_table tbody td:first-child {
    font-size: 12px;
    font-family: "Mulish Bold";
  }
  .layer-vdi .section-8 .vdi_compare_table thead th {
    font-size: 12px;
  }
  .layer-vdi .section-8 .vdi_compare_table .vdi-star {
    margin-left: 5px;
    height: 20px;
  }
  .layer-vdi .section-8 .vdi_compare_table .sign-now-btn {
    margin-left: 12px;
  }
  .layer-vdi .section-9 .quote-icon {
    width: 32px;
  }

  .layer-vdi .section-9 .quote-open {
    top: 18px;
  }

  .layer-vdi .section-9 .card-item .content {
    padding-left: 32px;
    padding-right: 32px !important;
  }
  .layer-vdi .section-10 .heading-1 {
    font-size: 30px;
  }
  .layer-vdi .section-10 .col-md-3 {
    flex: 0 0 100%;
  }
  .layer-vdi .section-11 .content {
    margin-top: 10px;
    font-size: 16px;
  }
  .layer-vdi .section-11 .btn-start-now-2 {
    font-size: 16px;
  }
}