* {
   margin: 0;
   padding: 0;
}

.banner,
#banner-csr {
   /* margin-top: 66px; */
}

.banner-detail-page {
   position: relative;
   object-fit: cover;
}

.banner .title {
   position: absolute;
   color: #fff;
   font-weight: 700;
   font-size: 30px;
   top: 50%;
   left: 50%;
   transform: translate(-50%, -50%);
}

.breadcrumb-section {
   background-color: rgba(0, 69, 136, .1);
   padding: 5px 0;
}

.breadcrumb {
   color: #212529;
   font-size: 15px;
   font-weight: 400;
   line-height: 30px;
   margin: 0;
   padding: 0;
}

.breadcrumb-item {
   align-items: center;
   display: flex;
   flex-direction: row;
}

.breadcrumb-item:first-child.individual:before {
   background-image: url(../images/svg/icon-business.svg);
}

.breadcrumb-item:first-child:before {
   margin-right: 12px;
   content: "";
   float: none;
   height: 24px;
   padding: 0;
   width: 24px;
}

.breadcrumb-item>a {
   color: #004588;
}

.breadcrumb-item+.breadcrumb-item {
   padding-left: 0;
}

/* .breadcrumb-item:first-child.individual:before {
   background-image: url(../images/svg/icon-individual.svg);
   
} */
.breadcrumb-item+.breadcrumb-item:before {
   background: url(../images/svg/icon-arrow-breadcumb.svg) no-repeat 0 transparent;
   content: "";
   float: none;
   height: 24px;
   padding: 0;
   width: 24px;
}

/* giới thiệu */
.service-custome {
   background: #eef3ff;
   padding: 80px 0;
}

.product-service .big-title,
.service-shopping .big-title,
.service-customer .big-title {
   color: #004588;
   font-family: Roboto, sans-serif;
   font-weight: 700;
   font-size: 25px;
}

.big-title {
   font-size: 24px;
}

.service-customer .list-service {
   margin-top: 20px;
}

.list-service p {
   font-size: 15px;
}

.product-service,
.service-shopping,
.service-customer {
   background: #eef3ff;
   padding: 50px 0;
}

.introduce {
   background: #fff;
   padding: 50px 0;
}

.product-service .item-product-service {
   background: #fff;
   border-radius: 2px;
   padding: 30px 15px 50px;
   height: 100%;
   border: 1px solid transparent;
   transition: all .2s ease;
}

.product-service .item-product-service:hover,
.service-shopping .item-service-shopping:hover {
   border: 1px solid;
   border-color: #004588;
}

.product-service .item-product-service .icon img {
   margin: 30px auto;
   width: 90px;
   height: 90px;
   object-fit: cover;
}

.radius-50 {
   border-radius: 50%;
}

.product-service .item-product-service .title {
   font-family: Roboto, sans-serif;
   font-weight: 700;
   font-size: 18px;
   line-height: 22px;
   color: #004588;
}

.product-service .item-product-service .sub-title {
   color: #53585c;
   font-size: 14px;
   line-height: 22px;
   margin-top: 15px;
   text-align: justify;
}

.taichinh-canhan {
   margin-top: 60px;
}

/* Bảo hiểm phi nhân thọ */
.service {
   font-size: 22px;
   font-weight: 600;
   color: black;
}

.custom-title-3 {
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   display: inline-block;
   display: -webkit-box;
   overflow: hidden;
   text-decoration: none;
   text-overflow: ellipsis;
   word-break: break-word;
}

/* Tài chính số */
.breadcrumb-item:first-child.digital-finance:before {
   background-image: url(../images/svg/icon-individual.svg);
}

.service-shopping .item-service-shopping {
   border: 1px solid transparent;
}

.service-shopping .item-service-shopping {
   background: #fff;
   border-radius: 2px;
   margin-bottom: 15px;
   padding: 30px;
}

.service-shopping .item-service-shopping .icon img {
   margin: 0 auto 30px;
   width: 90px;
   height: 90px;
   object-fit: cover;
   border-radius: 50%;
}

.service-shopping .item-service-shopping .sub-title,
.service-shopping .item-service-shopping .title {
   -webkit-box-orient: vertical;
   -webkit-line-clamp: 2;
   display: -webkit-box;
   height: 50px;
   overflow: hidden;
   text-overflow: ellipsis;
}

.service-shopping .item-service-shopping .title {
   color: #000;
   font-size: 16px;
   font-family: system-ui;
}

.font-bold {
   font-weight: 700;
}

.sub-title {
   color: #000;
}

/* Chuyển phát */
.nav-tabs-custom {
   border-bottom: none;
}

.list-group-item {
   border: none;
}

.item-service-delivery img {
   height: 200px;
   width: 100%;
   object-fit: cover;
   margin-bottom: 10px;
}

.item-service-delivery {
   height: 398px;
   background-color: #fff;
}

.nav-item.show .nav-link,
.nav-tabs .nav-link.active {
   background-color: transparent;
}

.nav-link-items {
   font-size: 15px;
   color: #000 !important;
}

.nav-tabs-custom .nav-item .nav-link::after {
   border-bottom: 2px solid #004588 !important;
}

.information {
   padding: 10px;
   background: #ffffff00;
}

.media-body h5 {
   cursor: auto;
   font-size: 20px;
   text-transform: unset;
   margin-bottom: 2px;
   font-weight: 600;
   text-align: left;
   color: #000;
}

.media-body p {
   color: #212121;
}

.custom-title-3 {
   min-height: 59px;
   cursor: auto;
   -webkit-line-clamp: 3;
   -webkit-box-orient: vertical;
   display: inline-block;
   display: -webkit-box;
   overflow: hidden;
   text-decoration: none;
   text-overflow: ellipsis;
   word-break: break-word;
   text-align: justify;
}

b,
strong {
   font-weight: bolder;
}

.btn-send {
   font-size: 16px;
   padding: 10px 0px;
   font-weight: 600;
   width: 100%;
   background: #fff;
   border: 1px solid #ececec;
   color: #000000ba;
}

.btn-send {
   background-blend-mode: overlay, normal;
   border-radius: 2px;
   box-shadow: 0 1px 3px rgba(0, 0, 0, .1), 0 4px 6px rgba(0, 0, 0, .05), inset 0 1px 0 hsla(0, 0%, 100%, .1);
   color: #000;
   font-size: 18px;
   padding: 10px 40px;
}

a.btn-send:hover {
   background: #004588 !important;
   border: 1px solid #004588;
   color: #fff;
}

.card-header {
   padding: 10px 0;
}

.card-body {
   padding: 15px 0;
}

/* giơi thiệu doanh nghiệp */
.introduce .nav-tabs {
   border-bottom: none;
   flex-wrap: nowrap;
}

.introduce .nav-tabs li {
   box-shadow: 0 4px 4px rgba(0, 0, 0, .25);
   text-align: center;
   width: 25%;
   height: 70px;
}

.introduce .nav-tabs li a.active {
   background: #fdb913;
   color: #fff;
}

.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
   border-color: #dee2e6 #dee2e6 #fff;
   color: #495057;
}

.introduce .nav-tabs li a.active img {
   -webkit-filter: invert(0) sepia(0) hue-rotate(200deg) saturate(0) brightness(10);
   filter: invert(0) sepia(0) hue-rotate(200deg) saturate(0) brightness(10);
}

.introduce .nav-tabs li a img {
   height: 30px;
   width: 30px;
}

.introduce .nav-tabs li a {
   background: #fff;
   border: none;
   border-radius: 0;
   color: #004b8e;
   display: flex;
   align-items: center;
   font-weight: 500;
   padding: 12px 10px;
}

.introduce .big-text {
   color: #004b8e;
   font-size: 22px;
   font-weight: 600;
   line-height: 28px;
}

.introduce .col-item-gt .thumbnail img {
   max-width: 100%;
}

.introduce p {
   font-size: 16px;
}

.introduce h6 {
   font-weight: 600;
   line-height: 1;
   color: #000;
   font-size: 15px;
   margin-top: 0;
   text-transform: uppercase;
}

.font-bold {
   font-weight: 700;
}

.font-bold strong {
   font-size: 15px;
   font-family: system-ui;
   font-weight: 700;
   color: #000;
}

.introduce .mission-vision .item .thumbnail img {
   height: 200px;
}

.introduce .mission-vision .item .name {
   color: #004b8e;
   font-size: 20px;
   font-weight: 700;
   line-height: 23px;
}

.introduce .mission-vision .item .description {
   margin: auto;
   width: 70%;
}

.introduce .core-value-item {
   margin-bottom: 30px;
}

.introduce .core-value-item .title {
   color: #004b8e;
   font-size: 20px;
   font-weight: 700;
   display: flex;
   align-items: center;
   margin-left: 15px;
}

.introduce .read-more {
   background: #ffc600;
   border-radius: 10px;
   margin: auto;
   padding: 5px 15px;
   width: max-content;
}

.introduce .read-more a {
   color: #004b8e;
   font-size: 16px;
   font-weight: 600;
   line-height: 21px;
   text-align: center;
}

.ml-2,
.mx-2 {
   margin-left: 2px;
}

.introduce .small-text {
   color: #004b8e;
   font-size: 18px;
   font-weight: 600;
   margin-top: 10px;
}

.visible-mobile {
   display: none;
}

.introduce .leader-ship-item {
   margin-bottom: 30px;
}

.introduce .leader-ship-item img {
   border-radius: 6px;
}

.introduce .leader-ship-item .name {
   margin-bottom: 5px;
   margin-top: 15px;
   font-family: system-ui;
}

.charge {
   font-size: 15px;
}

.introduce .apparatus {
   background: #eef3ff;
   border-radius: 10px;
   height: 415px;
   overflow-y: scroll;
   padding: 30px;
}

.apparatus p {
   text-align: left;
}

.introduce .apparatus .bo-may-item .stt {
   margin-bottom: 15px;
   margin-top: 15px;
}

.introduce .apparatus .bo-may-item .item {
   margin-bottom: 10px;
}

.introduce .apparatus .bo-may-item .item .icon {
   margin-right: 10px;
   width: 20px;
}

.introduce .danh-sach-cty-tv,
.introduce .slider-cty-tv {
   background: #eef3ff;
   border-radius: 10px;
   padding: 30px 15px 15px;
}

.introduce .danh-sach-cty-tv .mb-4 {
   margin-bottom: 30px;
}

.introduce .danh-sach-cty-tv .company-member-block,
.introduce .slider-cty-tv .company-member-block {
   background: #fff;
   border-radius: 3px;
   height: 300px;
   padding: 20px;
}

.introduce .danh-sach-cty-tv .company-member-block .thumbnail,
.introduce .slider-cty-tv .company-member-block .thumbnail {
   height: 200px;
   line-height: 200px;
}

.introduce .danh-sach-cty-tv .company-member-block .thumbnail img,
.introduce .slider-cty-tv .company-member-block .thumbnail img {
   max-width: 100%;
}

.introduce .danh-sach-cty-tv .company-member-block .company-member-name,
.introduce .slider-cty-tv .company-member-block .company-member-name {
   font-weight: 600;
   line-height: 22px;
   margin-top: 10px;
   text-align: center;
}

.introduce .description {
   text-align: justify;
   width: 100% !important;
   font-size: 15px;
}

/* Thông tin dịch vụ */
.tree li {
   margin: 0;
   padding: 15px 0 15px 20px;
   font-weight: 500;
   font-size: 17px;
   line-height: 21px;
   color: #666666;
   background: #F2F6F9;
   cursor: pointer;
   position: relative;
   border-bottom: 1px solid rgba(33, 33, 33, .05);
}

.introduce .item-service-shopping {
   border: 1px solid transparent;
}

.services-data .item-service-shopping .icon img {
   width: 100%;
   height: 200px;
   border-radius: 0;
   object-fit: cover;
   margin: 0;
}

.introduce .item-service-shopping .information {
   padding: 20px 15px;
}

.information .title {
   font-size: 15px;
   font-weight: 600;
   font-family: sans-serif;
   color: #000;
}

.tree {
   padding-left: 12px;
}


.introduce #thong-tin-chat-luong .col-left {
   background: #eef3ff;
   border-radius: 6px;
   padding: 20px 15px;
}

.introduce #thong-tin-chat-luong .col-right-0 {
   padding-right: 0;
}

.introduce #thong-tin-chat-luong .col-left .buudien-vhx-left img.card-img {
   height: 370px;
   object-fit: cover;
}

.introduce #thong-tin-chat-luong .information {
   background: #fff;
   border-radius: 0 0 6px 6px;
   padding: 20px;
}

.introduce #thong-tin-chat-luong .information .buudien-vhx-title {
   color: #000;
   font-size: 18px;
   font-weight: 700;
   line-height: 21px;
}

.introduce #thong-tin-chat-luong .information .buudien-vhx-desc {
   color: #000;
   font-size: 16px;
   font-weight: 400;
   height: 40px;
   line-height: 19px;
   margin-bottom: 15px;
   margin-top: 15px;
}

.introduce #thong-tin-chat-luong .information .read-more {
   background: #fdb813;
   border-radius: 30px;
   display: initial;
}

.introduce #thong-tin-chat-luong .information .read-more a {
   color: #fff;
   font-size: 14px;
   font-weight: 400;
   line-height: 16px;
}

.introduce #thong-tin-chat-luong .col-left .item-new {
   margin-bottom: 30px;
}

.introduce #thong-tin-chat-luong .col-left .new-image img {
   border-radius: 6px 6px 0 0;
   height: 135px;
   object-fit: cover;
}

.introduce #thong-tin-chat-luong .information {
   background: #fff;
   border-radius: 0 0 6px 6px;
   padding: 20px;
}

.introduce #thong-tin-chat-luong .information .news-title {
   color: #000;
   font-size: 16px;
   font-weight: 600;
   line-height: 19px;
   min-height: 40px;
}

.introduce #thong-tin-chat-luong .information .buudien-vhx-desc {
   color: #000;
   font-size: 16px;
   font-weight: 400;
   height: 40px;
   line-height: 19px;
   margin-bottom: 15px;
   margin-top: 15px;
}

.custom-title-2 {
   -webkit-line-clamp: 2;
}

.introduce #thong-tin-chat-luong .col-left .buudien-vhx-left {
   margin-bottom: 30px;
}

.custom-title-1,
.custom-title-2 {
   -webkit-box-orient: vertical;
   display: inline-block;
   display: -webkit-box;
   overflow: hidden;
   text-decoration: none;
   text-overflow: ellipsis;
   word-break: break-word;
}

.text-limit-2,
.text-limit-3 {
   -webkit-box-orient: vertical;
   display: -webkit-box;
   overflow: hidden;
   text-overflow: ellipsis;
}

.text-limit-2 {
   -webkit-line-clamp: 2;
}

/* Đăng ký sử dụng */
.step-progress {
   margin-bottom: 50px;
   margin-top: 50px;
}

.step-progress .step-item {
   color: #fff;
   font-family: Roboto, sans-serif;
   margin: auto;
   text-transform: uppercase;
   width: 100%;
   padding: 0;
   text-align: center;
}

.step-progress .step-item li:first-child {
   border-bottom-left-radius: 4px;
   border-top-left-radius: 4px;
}

.step-progress .step-item li.active {
   background: #0054a6;
}

.step-progress .step-item li {
   background: #3a3a3a;
   display: -ms-inline-flexbox;
   display: inline-flex;
   font-size: 14px;
   padding: 10px 10px 7px 30px;
   position: relative;
}

.step-progress .step-item li span {
   line-height: 20px;
   margin-right: 10px;
}

.step-progress .step-item li .triangle-left {
   border-bottom: 23px solid transparent;
   border-left: 23px solid #f2f2f2;
   border-top: 23px solid transparent;
   height: 0;
   position: absolute;
   right: -23px;
   top: -2px;
   width: 0;
   z-index: 99;
}

.step-progress .step-item li.active .inner-triangle {
   border-left: 20px solid #0054a6;
}

.step-progress .step-item li .inner-triangle {
   border-bottom: 20px solid transparent;
   border-left: 20px solid #3a3a3a;
   border-top: 20px solid transparent;
   height: 0;
   left: -23px;
   position: relative;
   top: -20px;
   width: 0;
}

.form-pay {
   background: #eef3ff;
}

.form-pay .card {
   border: 1px solid rgba(33, 33, 33, .1);
   padding: 30px;
}

.sign-in .form-pay .form .form-group .form-control,
.form-pay .card .card-body .form .form-group .form-control {
   border: 1px solid rgba(33, 33, 33, .1);
   font-size: 15px;
   padding: 10px;
}

.product-service .form-group {
   margin-bottom: 12px;
}

.btn-next,
.btn-prev,
.btn-send-hd,
.download {
   font-family: Roboto, sans-serif;
   outline: none;
   padding: 10px 30px;
   width: auto;
}

.btn-send-hd,
.download {
   background: #004588;
   border: none;
   border-radius: 2px;
   float: right;
   font-size: 16px;
   color: #fff;
}

/* Trang giới thiệu */
.introduce {
   /* background: #eef3ff; */
   padding: 40px 0;
}

.introduce .big-title {
   color: #004588;
   font-family: Roboto, sans-serif;
   font-weight: 700;
   font-size: 24px;
}

.introduce .small-title {
   color: #212121;
   font-size: 15px;
   line-height: 22px;
   text-align: center;
}

.sign-in .form-pay {
   background: #fff;
}

.sign-in {
   padding: 40px 0;
}

.sign-in .form-group {
   margin-bottom: 10px;
}

.sign-in.form-control {
   background: #fff;
   border-radius: 2px;
   height: 48px;
}

.input-code {
   width: 75%;
   float: left;
}

.output-code img {
   width: 110px;
   height: 44px;
}

.sign-in .form-pay .form .phone-email .phone-input {
   float: left;
   width: 49%;
}

.sign-in .form-pay .form .phone-email .email-input {
   float: left;
   margin-left: 2%;
   width: 49%;
}

.sign-in .form-pay .form .btn-checks {
   background: #004588;
   border: none;
   border-radius: 2px;
   color: #fff;
   font-family: Roboto, sans-serif;
   font-weight: 700;
   margin: 30px auto 0;
   outline: none;
   padding: 13px 50px;
   width: auto;
}

/* Tải và gửi hợp đồng */
.file-uploader {
   position: relative;
}

.form-upload-block {
   background: #fff;
   border: 2px dashed rgba(0, 69, 136, .5);
   border-radius: 5px;
   margin-top: 60px;
   padding: 30px 20px;
}

.btn-send-hd {
   width: 245px;
   padding: 13px 15px;
   display: block;
   overflow: hidden;
   white-space: nowrap;
   text-overflow: ellipsis;
}

.btn-next,
.btn-send-hd,
.download {
   background: #004588;
   border-radius: 4px;
   color: #fff;
   border: 1px solid rgba(33, 33, 33, .2);
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   margin-top: 18px;
}

.btn-next:hover {
   color: #fff;
}

.btn-prev:hover {
   color: #000;
}

.output-code span img {
   width: 120px;
}

input#file-upload {
   width: 0.1px;
   height: 0.1px;
   opacity: 0;
}

.btn-prev {
   background: #ffffff;
   border: 1px solid rgb(255 255 255);
   border-radius: 4px;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   color: #000;
}

.btn-dowload a {
   font-size: 16px;
   display: flex;
   width: 118px;
   height: 40px;
   border-radius: 4px;
   background-color: #004588;
   box-shadow: 0 2px 4px rgba(0, 0, 0, 0.25);
   align-items: center;
   justify-content: center;
}

.btn-dowload a:hover,
.btn-next:hover,
.btn-send-hd:hover,
.download:hover {
   background-color: #0a62b9;
}

.btn-prev:hover {
   background-color: #ecedf0;
}

@media only screen and (min-width: 375px) and (max-width: 768px) {
   .product-service .icon img {
      width: 100%;
      height: 200px;
   }

   .banner .title {
      font-size: 18px;
   }

   .product-service .big-title,
   .service-customer .big-title {
      font-size: 18px;
   }

   .product-service,
   .service-customer {
      padding: 20px 0;
   }

   .service-customer .list-service {
      margin: 0;
      text-align: justify;
   }

   .taichinh-canhan {
      margin-top: 10px;
   }

   .product-service .item-product-service {
      padding: 10px;
   }

   .product-service .item-product-service .icon img {
      margin: 10px auto;
      width: 80px;
      height: 80px;
   }

   .product-service .item-product-service .sub-title {
      margin-top: 10px;
   }

   .service {
      font-size: 18px;
   }

   /* Dịch vụ thanh toán */
   .service-shopping {
      background: #eef3ff;
      padding: 20px 0;
   }

   .service-shopping .big-title {
      font-size: 20px;
   }

   .img-banner-bottom img {
      border-radius: 15px;
   }

   /* Chuyển phát */
   .banner-right-delivery {
      display: none;
   }

   .nav-link {
      display: block;
      padding: 5px;
   }

   .card-header {
      padding: 0;
   }

   .btn-send {
      font-size: 16px;
      padding: 10px 30px;
   }

   /* Thông tin doanh nghiệp */
   .introduce {
      padding: 30px 0;
   }

   .introduce .nav-tabs li {
      width: 100%;
      text-align: left;
   }

   .introduce .nav-tabs li a {
      font-size: 15px;
      padding: 15px;
      display: flex;
      flex-direction: row;
      align-items: center;
      justify-content: left;
   }

   .introduce .mission-vision .item .thumbnail img {
      height: 110px;
   }

   .introduce .col-item-gt .thumbnail img {
      height: 100%;
   }

   .introduce .mission-vision .item .description {
      width: 100%;
      text-align: justify;
   }

   .introduce .big-text {
      font-size: 18px;
   }

   .introduce .core-value-item {
      margin-bottom: 10px;
   }

   .icon img {
      width: 50px;
      height: 50px;
   }

   .introduce .core-value-item .title {
      font-size: 18px;
   }

   .introduce .small-text {
      margin-top: 0px;
   }

   .introduce .danh-sach-cty-tv .company-member-block .thumbnail img,
   .introduce .slider-cty-tv .company-member-block .thumbnail img {
      object-fit: contain;
   }

   .introduce .apparatus {
      padding: 10px 20px;
   }

   .introduce .icon img {
      width: auto;
      height: auto;
   }

   .introduce #thong-tin-chat-luong .col-left .buudien-vhx-left img.card-img {
      height: 160px;
      object-fit: cover;
   }

   /* Đăng ký sử dụng */
   .visible-desktop {
      display: none;
   }

   .step-progress {
      margin-bottom: 15px;
      margin-top: 15px;
   }

   .step-progress .step-item li {
      padding: 10px;
      text-align: left;
      width: 100%;
   }

   .step-progress .step-item li .triangle-left {
      display: none;
   }

   .step-progress .step-item li:first-child {
      border-bottom: 1px solid #979797;
      border-bottom-left-radius: 0;
      border-top-right-radius: 4px;
      display: flex;
      align-items: center;
   }

   .step-progress .step-item li:nth-child(3) {
      border-bottom-left-radius: 4px;
      border-bottom-right-radius: 4px;
      border-top: 1px solid #979797;
      margin-left: 0;
   }

   .form-pay .card .card-body .form,
   .form-pay .card {
      border: none;
      padding: 5px 15px;
   }

   .btn-next,
   .btn-prev,
   .btn-send-hd,
   .download {
      padding: 6px 20px;
   }

   .input-code {
      width: 65%;
   }

   .output-code img {
      width: 100px;
      height: 40px;
   }

   .sign-in .visible-mobile {
      display: block;
   }
}
.introduce-register{
   font-family: "Roboto";
   font-size: 16px;
   margin: 20px 0;
}
.form-pay .title {
   font-family: Roboto, sans-serif;
   font-size: 15px;
   margin-bottom: 30px;
}
.services-data .item-service-shopping .icon img {
   width: 100% !important;
   height: 200px;
   border-radius: 0 !important;
   object-fit: cover;
   margin: 0 !important;
}