@media (max-width: 1450px) {
   .carousel-inner .height-item {
      position: relative;
      height: 545px;
   }

   .bg-header {
      height: 100px;
   }

   .bg-header .side-bar {
      height: 60px;
   }

   .nav-list {
      gap: 16px;
   }

   .side-bar .search-acount {
      gap: 16px;
      height: 36px;
   }

   .header-search {
      width: 220px;
   }

   .input-search {
      width: 220px;
   }

   .title-cover {
      display: flex;
      align-items: center;
      height: 135px;
   }

   .banner-content {
      top: 12%;
   }

   .item-insurance {
      height: 200px;
   }

   .banner-content .feature {
      height: 45%;
   }

   .item-father img {
      width: 280px !important;
   }
}

@media (max-width: 768px) {
   .gx-5 {
      --bs-gutter-x: 0;
   }

   .row.featured-news > .col-md-6:first-child {
      border-right: none;
   }

   /* .btn-shopping {
   display: none;
} */

   .carousel-inner .height-item {
      height: auto;
   }

   .w-banner {
      width: 100%;
   }

   .bg-header {
      height: auto;
   }

   .bg-header .header-topbar {
      display: none;
   }

   .banner-content {
      position: relative;
      transform: none;
      left: auto;
      bottom: auto;
      width: 100%;
      padding-top: 0;
   }

   .banner-content .menu-left {
      height: auto;
      justify-content: flex-start;
   }

   .banner-content .feature {
      height: auto;
      padding: 16px 0;
   }

   .item-insurance {
      display: block;
      height: auto;
   }

   .item-insurance .insurance {
      min-width: 0;
   }
   .item-insurance .insurance:first-child {
      padding-left: 0;
      padding-right: 5px;
   }

   .item-insurance .insurance:last-child {
      padding-right: 0;
      padding-left: 5px;
   }
   .insurance .process-cover {
      display: flex;
      align-items: flex-start;
      gap: 16px;
      padding: 16px;
      flex-direction: column;
      height: 180px;
      justify-content: center;
   }

   .insurance .process-cover .pt-16 {
      padding-top: 0;
   }

   .insurance .process-cover .caption {
      font-size: 20px;
      line-height: 28px;
   }

   .insurance .fortune,
   .insurance .shopping-mall {
      width: 32px;
      height: 32px;
   }
   .tim-hieu-them a,
   .learn-more {
      margin-right: 0 !important;
   }

   .tim-hieu-them {
      padding: 10px 0;
   }

   .nav-list {
      display: none;
   }

   .title-cover {
      height: auto;
   }

   .carousel-indicators {
      z-index: 1;
   }

   .side-bar .search-acount {
      display: none;
   }

   .title-cover .an-tam {
      font-size: 30px;
   }

   .title-cover .hanh-phuc {
      font-size: 35px;
   }

   .menu-feature {
      display: flex;
      flex-direction: column;
      height: auto;
      border-radius: 14px;
      background: #ffffff;
      border: 1px solid #e8ecf1;
      box-shadow: 0 2px 12px rgba(0, 0, 0, 0.06);
   }

   .menu-feature .feature.pjico-left {
      border-radius: 14px 14px 0 0;
      border-bottom: 1px solid #f0f2f5;
      height: auto;
      padding: 16px 20px;
      background-color: #ffffff;
   }

   .protection-needs {
      width: auto;
   }

   .menu-feature .pjico-items {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      width: 100%;
      margin-top: 0;
      gap: 0;
   }

   .menu-feature .pjico-items .pjico-item {
      display: flex;
      width: 100%;
      border-left: none;
      border-bottom: 1px solid #f0f2f5;
      padding: 0;
   }

   .menu-feature .pjico-items .pjico-item:nth-child(2n + 1) {
      border-right: 1px solid #f0f2f5;
   }

   .menu-feature .pjico-items .pjico-item:nth-last-child(1),
   .menu-feature .pjico-items .pjico-item:nth-last-child(2) {
      border-bottom: none;
   }

   .menu-feature .pjico-items .pjico-item .pjico {
      display: flex;
      flex-direction: row;
      align-items: center;
      width: 100%;
      padding: 14px 16px;
      gap: 10px;
      border-radius: 0;
      border: none;
      justify-content: center;
   }

   .pjico-item .my-title {
      font-size: 14px;
   }

   .product-list .bg {
      position: relative;
   }

   .product-list {
      padding: 16px;
      border-radius: 16px;
   }

   .mt-16 {
      margin-top: 8px;
   }

   .categoris {
      margin-top: 20px;
   }

   .pjico-item .delivery {
      width: 35px !important;
      height: 35px !important;
      object-fit: cover;
   }

   .product-list .bg img {
      width: 100%;
   }

   .feature-homepage strong {
      font-size: 25px;
   }

   .tab-wrapper .nav {
      display: grid;
      grid-template-columns: repeat(2, 1fr);
      gap: 8px;
      border: none;
      background-color: #eaf8fb;
      border-radius: 12px 12px 0 0;
   }

   .tab-wrapper .nav .nav-item {
      width: 100%;
      margin: 0;
      background-color: rgb(44 181 209 / 20%);
      border-radius: 8px;
      display: flex;
   }

   .product-list .nav-tabs .nav-link {
      text-align: center;
      font-size: 13px;
      padding: 12px 8px;
      border-radius: 10px;
      margin: 0;
      background-color: transparent;
      border: none;
      color: #061839;
   }

   .product-list .nav-tabs .nav-link.active {
      background-color: #fff;
      border: 1px solid #2cb5d2;
      border-radius: 10px;
      font-weight: 600;
      color: #061839;
      box-shadow: 0 1px 3px rgba(0, 0, 0, 0.08);
   }

   .list-product {
      padding-left: 0;
      padding-right: 0;
      gap: 16px;
   }

   .categoris,
   .products {
      margin: 0;
      padding: 16px;
      background-color: #f2f2f4;
   }

   .banner-product {
      margin-top: 80px;
   }

   .big-deals {
      gap: 25px 0;
   }

   .deals-scroll-wrapper {
      overflow-x: auto;
      -ms-overflow-style: none;
      scrollbar-width: none;
      padding: 0 16px;
   }

   .deals-scroll-wrapper::-webkit-scrollbar {
      display: none;
   }

   .deals-row {
      flex-wrap: nowrap !important;
      gap: 16px;
      padding-bottom: 8px;
   }

   .deals-row .deal-col {
      flex: 0 0 280px;
      max-width: 280px;
      padding-left: 0;
      padding-right: 0;
   }

   .deals-row .deal-col:first-child {
      padding-left: 0;
   }

   .deals-row .deal-col:last-child {
      padding-right: 0;
   }

   .item-hotdeal {
      padding: 16px;
      border-radius: 12px;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.06);
   }

   .item-hotdeal .item-img {
      width: 100%;
      margin-bottom: 12px;
   }

   .img-hotdeal {
      width: 100%;
      margin-bottom: 0;
      border-radius: 12px;
      object-fit: cover;
   }

   .item-hotdeal .body-hotdeal {
      margin-top: 12px;
      width: 100%;
   }

   .body-hotdeal .title {
      font-size: 15px;
      line-height: 20px;
      -webkit-line-clamp: 2;
   }

   .body-hotdeal .date {
      font-size: 13px;
      color: #061839;
      margin-bottom: 8px;
   }

   .item-hotdeal .btn-hotdeal {
      margin-top: 5px;
      font-size: 14px;
      padding: 2px 10px;
      margin-bottom: 10px;
   }

   .item-new {
      width: 100%;
   }

   .btn-buynow {
      width: 100%;
      height: auto;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .icon-buynow {
      width: 20px;
      height: 20px;
   }

   .item-seemore {
      margin-top: 15px;
   }

   .feature-homepage .learn-more {
      margin-top: 5px;
   }

   .feature-homepage {
      margin-bottom: 0;
   }

   .feature-homepage .title-tag {
      font-size: 12px;
      padding: 6px 12px;
      height: auto;
   }

   .tab-wrapper.roundeds {
      border-radius: 12px;
      overflow: hidden;
   }

   .tab-wrapper.roundeds .nav.nav-tabs {
      border-radius: 12px 12px 0 0;
      border-bottom: 1px solid #e0e0e0;
   }

   .getquote {
      width: 350px;
      height: 40px;
   }

   .hotline-number {
      font-size: 16px;
   }

   .solution-business .feature-homepage .getquote .text-hotline {
      display: none;
   }

   .btn-getquote {
      padding: 6px;
      font-size: 15px;
   }

   .img-fluid {
      border-top-right-radius: 0;
      border-bottom-left-radius: 10px;
      border-bottom-right-radius: 10px;
   }

   .business-image .img-fluid {
      border-radius: 12px;
      width: 100%;
      height: auto;
      object-fit: cover;
   }

   .banner-apps .bg-apps {
      border-radius: 10px;
   }

   .service-amenities {
      gap: 20px 0;
   }

   .feature-grid {
      width: 100%;
      display: block;
   }

   .feature-item .text {
      font-size: 18px;
      margin-left: 10px;
   }

   .name-copyright {
      font-size: 12px;
      text-align: center;
   }

   .categoris.bg-footer.m-footer-step {
      margin-top: 32px;
      border-top: 1px solid #dee5ef;
      background-color: #fff;
   }

   .categoris.bg-footer.m-footer-step .follow-us {
      flex-direction: column;
      align-items: flex-start !important;
      gap: 12px;
      height: auto;
      padding: 16px 0;
   }

   .logo-pjico-share {
      display: block;
      width: 100px;
      height: auto;
   }

   .follow-above {
      width: 100%;
      justify-content: flex-start;
      gap: 8px;
      text-align: left !important;
   }

   .follow-above p {
      font-size: 14px;
      font-weight: 500;
      margin-right: 8px;
   }

   .follow-above .d-flex {
      justify-content: flex-start;
   }

   .share-zalo,
   .share-facebook {
      width: 44px !important;
      height: 44px;
      border-radius: 50%;
      object-fit: contain;
   }

   .footer-columns {
      flex-direction: column;
      margin-top: 0;
      margin-bottom: 0;
   }

   .footer-columns .col {
      width: 100%;
   }

   .footer .type-insurance {
      display: flex;
      justify-content: space-between;
      align-items: center;
      padding: 14px 0;
      margin-bottom: 0;
      cursor: pointer;
      font-size: 15px;
   }

   .footer .type-insurance::after {
      content: "";
      width: 8px;
      height: 8px;
      border-right: 2px solid #061839;
      border-bottom: 2px solid #061839;
      transform: rotate(45deg);
      transition: transform 0.3s ease;
   }

   .footer .type-insurance.open::after {
      transform: rotate(-135deg);
   }

   .footer .ul-child1 {
      display: none;
      margin-bottom: 0;
      padding-bottom: 14px;
   }

   .footer .type-insurance.open + .ul-child1 {
      display: block;
   }

   .footer .name-item {
      font-size: 14px;
      padding: 6px 0;
   }

   .compensation-policy {
      flex-wrap: wrap;
   }

   .hotline-footer {
      font-size: 24px;
   }

   .url-footer {
      width: 100%;
   }

   .handle-download_apps {
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .download-app {
      font-size: 16px;
   }

   .m-hotline-section {
      padding: 0 0 20px;
   }

   .m-hotline-section .hotline-footer {
      font-size: 20px;
   }

   .m-hotline-section .compensation-policy {
      justify-content: flex-start;
      gap: 4px;
   }

   .m-app-download {
      margin-top: 24px;
   }

   .m-app-download-row {
      display: flex;
      align-items: center;
      justify-content: space-between;
   }

   .m-app-links {
      display: flex;
      flex-direction: column;
      gap: 8px;
      flex: 1;
      min-width: 0;
   }

   .m-app-links .m-store-img {
      width: 100%;
      height: 60px;
      object-fit: contain;
   }

   .m-qr-code {
      flex-shrink: 0;
      margin-left: 12px;
      width: 128px;
      height: 128px;
   }

   .m-qr-code img {
      width: 100%;
      height: 100%;
      object-fit: contain;
   }

   .nav-main {
      display: none;
   }

   .banner_sp {
      width: 100%;
      height: 120px;
      object-fit: initial;
      border-radius: 10px;
   }

   .products .title {
      display: flex;
      align-items: center;
      gap: 8px;
      font-size: 14px;
      font-weight: 400;
      margin-bottom: 18px;
   }

   .products .slogan {
      gap: 4px;
   }

   .products .slogan_1,
   .products .slogan_2 {
      font-weight: 600;
      font-size: 18px;
      line-height: 20px;
   }

   .items-insurance {
      display: block;
   }

   .items-insurance .item-father,
   .items-insurance .item-child {
      margin-bottom: 10px;
   }

   .items-insurance .item-child {
      border-radius: 6px;
      border: 1px solid #e0e0e0;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   }

   .item-child .height-item {
      height: 150px;
      border: none;
   }

   .items-insurance .item-child img {
      height: 160px;
   }

   .height-item h5 {
      height: 20px;
   }

   .follow-above {
      width: 100%;
   }

   .follow-above p {
      font-size: 20px;
      font-weight: 500;
   }

   .banner-apps .bg-apps {
      padding: 15px;
   }

   .bg-apps .PJICO {
      font-size: 25px;
      font-weight: 600;
      text-align: center;
      margin-bottom: 10px;
   }

   .dowload-app_now {
      text-align: center;
   }

   .dowload-app_now .title-download {
      margin-bottom: 0;
   }

   .feature-grid .item-left,
   .feature-grid .item-left {
      padding: 0;
   }

   .feature-item {
      width: 100%;
   }

   .feature-item.feature-left,
   .feature-item.feature-right {
      background: #fff;
   }

   .feature-grid .item-right {
      padding-bottom: 10px;
   }

   .feature-item {
      display: flex;
      align-items: center;
   }

   .feature-item.feature-right {
      flex-direction: row-reverse;
   }

   .feature-item.mt-right {
      justify-content: flex-end;
   }

   .side-bar .logo {
      width: 130px;
   }

   .item-father img {
      border-radius: 6px;
      width: 100% !important;
      box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
   }

   .sidebar-menu {
      display: flex;
      justify-content: center;
   }

   .sidebar-menu .btn-menu {
      border: none;
      font-size: 28px;
      background: none;
      color: #072a6c;
   }

   .button-close {
      width: 30px;
      border: none;
      font-size: 30px;
      color: #103371;
      background: no-repeat;
   }

   .btn-focus:focus,
   .button-close:focus {
      box-shadow: none !important;
      text-decoration: none;
      outline: 0;
   }

   .show {
      display: block !important;
   }

   .btn-close {
      z-index: 2;
   }

   .navbar-height {
      position: fixed;
      flex-direction: column;
      width: 75%;
      min-width: 265px;
      height: 100%;
      top: 0;
      left: 0;
      z-index: 2;
      padding: 0;
      display: block !important;
      transform: translateX(-100%);
      transition: transform 0.4s ease;
      box-shadow: 4px 0 12px rgba(0, 0, 0, 0.2);
      background: linear-gradient(
         to bottom,
         #e0f3f5 0%,
         #b2e1e7 50%,
         #5ec7d6 100%
      );
   }

   .menu-dichuyen {
      transform: translateX(0%);
   }

   .overlay {
      position: fixed;
      top: 0px;
      left: 0px;
      right: 0px;
      bottom: 0px;
      opacity: 0;
      z-index: 1;
      height: 100%;
      display: none;
      background-color: rgba(0, 0, 0, 0.4);
   }

   .overlay.show {
      display: block;
      opacity: 1;
   }

   .current-user_mobile {
      display: block;
   }

   ul.nav-main > li,
   .current-user_mobile .user-name,
   .current-user_mobile .handle-logout {
      line-height: 35px;
      padding: 0 10px;
   }

   .current-user_mobile .current-info {
      font-size: 16px;
      color: #061839;
      font-weight: 500;
      text-transform: uppercase;
   }

   .handle-logout .btn-logout {
      padding: 0;
      color: #061839;
      text-decoration: none;
   }

   .nav-main .nav-item .title-item {
      padding: 0;
      color: #061839;
      font-size: 18px;
      text-transform: uppercase;
   }

   .pl-30 {
      padding: 20px;
   }

   .product-list .tab-content {
      padding: 16px;
      border-bottom-left-radius: 12px;
      border-bottom-right-radius: 12px;
      background-color: #eaf8fb;
   }

   .list-product .items-product {
      flex: 0 0 calc(50% - 8px);
      max-width: calc(50% - 8px);
      margin-bottom: 0;
      padding: 0;
   }

   .solution-business .feature-homepage {
      padding: 20px;
   }

   .list-product .items-product:last-child {
      margin-bottom: 0;
   }

   .product-list .tab-content {
      min-height: unset;
   }

   .list-product .item-product {
      max-width: 100%;
      padding: 16px;
   }

   .item-product .title {
      font-size: 12px;
      line-height: 24px;
   }
   .item-product .title-slogan {
      width: max-content;
      font-size: 11px;
   }
   .item-product .slogan-star {
      width: 12px;
      height: 12px;
   }
   .item-product .notes {
      font-size: 10px;
      font-weight: 500;
   }
   .item-product .note {
      font-size: 12px;
   }
   .price {
      font-size: 12px;
   }
   .currency {
      font-size: 11px;
   }
   .btn-buynow a {
      font-size: 12px;
   }
   .list-product .items-product .col-12 {
      padding: 0;
   }

   .handle-login .btn-login {
      display: flex;
      font-weight: 600;
      color: #061839;
      align-items: center;
      text-decoration: none;
   }

   .header-navbar {
      display: flex;
      padding: 10px;
      align-items: center;
      justify-content: space-between;
   }

   .icon-mobiles {
      width: 25px;
      display: flex;
      align-items: center;
      justify-content: center;
   }

   .toggle-icon {
      font-size: 17px;
      color: #072a6c;
   }

   .top-level-link:after {
      display: none;
   }

   ul.nav-main > li:hover > div.sub-menu-block {
      display: none;
   }

   .menu-children,
   .menu2-children {
      display: none;
   }

   .d-block {
      display: block !important;
      animation: slideDown 0.3s ease;
   }

   ul.nav-main > li ul.sub-menu-lists {
      display: none;
   }

   ul.nav-main > li > div.sub-menu-block {
      position: relative;
      font-size: 16px;
      width: 100%;
      box-sizing: border-box;
      transform: rotateX(90deg);
      background: none;
      transform-origin: top center;
      transition: all 0.4s ease 0s;
      box-shadow: none !important;
      padding: 0 !important;
   }

   .icon-desktop {
      width: 25px;
      display: flex !important;
      align-items: center;
      justify-content: center;
   }

   .sub-menu-head {
      color: #072a6c;
      line-height: 35px;
      text-transform: uppercase;
   }

   .sub-menu-lists .menu-child2 {
      line-height: 30px;
      text-transform: uppercase;
      color: #2d2b2b !important;
   }

   .bg-header .side-bar {
      top: 0;
      z-index: 2;
      width: 100%;
      height: 60px;
      position: fixed;
      background: #fff;
      box-shadow: 0 2px 8px rgba(0, 0, 0, 0.1);
   }

   .banner {
      background-color: #f2f2f4;
   }

   .banner img.banner-img {
      padding: 16px;
      border-radius: 24px;
   }

   .header-search {
      width: 90%;
      height: 40px;
      margin: 10px 15px;
   }

   .header-search img {
      width: 20px;
      height: 20px;
   }

   .header-search input {
      font-size: 18px;
   }

   .input-search {
      width: 90%;
      height: 40px;
      margin: 10px 15px;
   }

   .input-search img {
      width: 20px;
      height: 20px;
   }

   .input-search input {
      font-size: 18px;
   }

   #navbar_header .mobiles {
      display: block;
   }

   .bg-business {
      border-radius: 10px;
   }

   .solution-business .feature-homepage {
      padding: 16px 16px 0 16px;
   }

   .solution-business .feature-homepage .getquote {
      display: none;
   }

   .business-content {
      order: 1;
      padding-right: 0;
   }

   .business-image {
      order: 2;
      padding-right: 0;
   }

   .business-image .img-fluid {
      border-radius: 12px;
      width: 100%;
      height: auto;
      object-fit: cover;
      padding: 24px 16px;
   }

   .business-cta {
      order: 3;
      padding-bottom: 20px;
      padding-right: 0;
   }

   .business-cta-row {
      display: flex;
      gap: 12px;
      align-items: stretch;
      flex-direction: column;
      padding: 0 16px;
   }

   .business-hotline {
      flex: 1;
      display: flex;
      align-items: center;
      padding: 12px 16px;
      border-radius: 24px;
      background: rgba(3, 133, 255, 0.1);
      border: 1px solid #e8ecf1;
      justify-content: center;
   }

   .business-cta .btn-getquote {
      flex: 1;
      display: flex;
      justify-content: center;
      align-items: center;
      border-radius: 24px;
      padding: 12px 16px;
      background-color: rgba(3, 133, 255, 1);
      border: 1px solid rgba(3, 133, 255, 1);
      color: #fff;
      text-decoration: none;
   }

   .business-hotline .text-hotline {
      font-size: 16px;
      font-weight: bold;
   }

   .business-hotline .hotline-number {
      font-size: 16px;
   }

   .url-footer {
      width: 40%;
   }

   .handle-download_apps {
      margin-top: 10px;
      margin-bottom: 10px;
   }

   .title-cover .title {
      height: auto;
   }

   .margin-auto-mobile {
      display: flex;
      margin: auto;
   }

   .categoris .container {
      padding: 0;
   }

   .pjico-arrow img {
      transform: rotate(90deg);
   }

   .personal-business {
      padding: 0;
   }

   .personal-business .shadow {
      box-shadow: none !important;
   }

   .d-none-mobile {
      display: none !important;
   }

   .solution-business {
      padding: 0;
   }
   .footer .container {
      padding: 0 24px;
   }
   .categoris.personal-insurance {
      padding: 0;
   }
   .categoris.personal-insurance .title-tag {
      padding-left: 16px;
   }
   .categoris.personal-insurance .item {
      padding-left: 16px;
      box-shadow: none;
   }
   .categoris.personal-insurance .tab-wrapper {
      box-shadow: none !important;
   }
   .product-list .nav-tabs .nav-link.active {
      padding: 12px 8px;
   }
   @keyframes slideDown {
      from {
         opacity: 0;
         transform: translateY(-10px);
      }

      to {
         opacity: 1;
         transform: translateY(0);
      }
   }

   /* PRODUCT */
   .m-product-category__title {
      font-size: 26px;
      font-weight: bold;
   }

   /* Giới thiệu */
   .introduce-pages {
      background-color: #fff;
   }
   .introduce-pjico {
      padding: 32px 24px;
   }
   .mission-vision {
      display: flex;
      flex-direction: column;
   }
   .featured-image {
      width: 100%;
      height: auto;
   }

   .outstand-value {
      display: flex;
      flex-direction: column;
   }
   .outstand.outstand-item {
      width: 100%;
   }

   .container-founder {
      display: flex;
      flex-direction: column;
      width: 100%;
   }
   .container-founder .item-left {
      background-image: url(../../frontend/image/banner/quote-m.png);
      background-repeat: no-repeat;
      width: 100%;
      height: 580px;
      border-bottom-left-radius: 0;
      border-top-right-radius: 25px;
   }
   .item-right .founder {
      width: 100%;
      border-bottom-left-radius: 25px;
      border-bottom-right-radius: 25px;
      background-position: unset;
   }

   .history-pages {
      height: auto;
   }
   .history-pages .container {
      overflow: hidden;
   }

   .m-product-category__title {
      display: block;
   }

   /* Bồi thường */
   /* .insurance.contents {
      padding: 24px;
   } */
   .title-gioithieu {
      width: 100% !important;
   }
   .gioithieu .gioithieu-list {
      margin: 30px 0 !important;
   }

   .instructional-content .item-left {
      display: none;
   }

   .compensations .item.outer-shell .steps-handle {
      display: none;
   }
   .compensations .item.outer-shell.active .steps-handle {
      display: block !important;
   }

   .mobile-preview {
      display: none;
   }
   .outer-shell.active .mobile-preview {
      display: block;
   }
   .mobile-preview img {
      width: 180px;
      max-width: 100%;
      display: block;
      margin: auto;
      border-radius: 24px;
   }

   .step-outer-shell .order-step {
      width: fit-content;
   }

   .compensations .item-right .item {
      width: 100%;
   }

   .instructional-content .item-right .nav-item {
      width: 100%;
   }
   .step-active .info-step,
   .step-outer-shell .info-step {
      width: 100%;
   }
   .item-right .infor-hotline {
      display: block;
   }
   .tab-compensations .tab-content {
      background-color: #fff;
   }
   .item .step-right .title {
      margin-left: 12px;
      cursor: pointer;
   }

   /* Tin tức */
   .item-featured .item-right {
      width: 90%;
      height: auto;
      /* margin-bottom: 16px; */
      margin-right: 10px;
   }
   .item-featured .item-right img{
   height: auto;
   }
   .item-featured .title {
      font-weight: 600;
      font-style: normal;
      font-size: 20px;
      line-height: 28px;
      letter-spacing: 0em;
      transition: all 0.2s ease;
   }
   .featured-news .item-featured {
      /* flex-direction: column; */
      padding-bottom: 10px;
   }
   .featured-news .text-date {
      margin-bottom: 10px;
   }
   .item-news .body-hotdeal.p-16{
   padding:0px;
   }
   .item-news .body-hotdeal .title{
         text-align: left;
         font-size: 14px;
   }
   /* Tin tức - tab danh mục mobile */
   .tab-news .nav-tabs {
      display: flex;
      flex-wrap: wrap;
      justify-content: center;
      gap: 8px;
      border: none;
      margin-bottom: 16px;
      padding-bottom: 12px;
      border-bottom: 1px solid #dee5ef;
      position: relative;
   }
   /* .tab-news .nav-tabs::before{
      content: "";
      position: absolute;
      bottom: -1px;
      left: 0;
      right: 0;
      height: 2px;
      background: #2CB5D2;
      z-index: 1;
   } */
   .tab-news .item-highlight {
      width: auto;
   }
   .tab-news .nav-highlight {
      color: #2cb5d2;
      background: transparent;
      border: 2px solid #2cb5d2;
      border-radius: 12px;
      padding: 8px 16px;
      font-weight: 500;
      font-size: 14px;
      line-height: 20px;
      text-align: center;
      transition: all 0.2s ease;
   }
   .tab-news .nav-highlight:hover {
      color: #2cb5d2;
      background: rgba(44, 181, 210, 0.08);
   }
   .tab-news .nav-highlight.active {
      color: #fff;
      background-color: #2cb5d2;
      border-color: #2cb5d2;
      border-radius: 12px;
      padding: 8px 16px;
      font-weight: 600;
   }
   .tab-news .nav-highlight.active::after {
      display: none;
   }
   .item-news .img-featured {
      height: auto;
   }
   .list-news .item-news {
      box-shadow: unset;
   }
   .item-featured .item-left {
      width: 100%;
   }
   .item-featured .item-left .title {
               font-size: 14px;
      line-height: 20px;
   }
   /* Chi tiết tin tức */
   .detail-news {
      background-color: #fff;
   }
   .item-compulsory {
      height: auto;
      justify-content: space-between;
   }
   /* Tất cả ảnh trong nội dung */
   .content-detail-news img,
   .content-detail-news figure img,
   .content-detail-news picture img,
   .content-detail-news a img,
   .content-detail-news p img,
   .content-detail-news div img,
   .content-detail-news span img,
   .content-detail-news table img,
   .content-detail-news td img,
   .content-detail-news li img,
   .content-detail-news input[type="image"] {
      width: 100% !important;
      height: auto !important;
   }
   .qr-actions-row{
   flex-direction: column;
   }
   .payment-method .payment-card {
   width: 100%;
   }
   .payment-list{
   padding: 12px;
   }

   /* Thanh toán thành công  */
   .item-content .payment-detail{
   flex-wrap: wrap;
   }
   .item-footer .row {
   gap: 8px;
   }

   /* Bảo hiểm xe máy */
   .ins-intro__grid{
   width: 100%;
   margin: auto;
   flex-direction: column;
   }
   .ins-why__card{
   display: flex;
   flex-direction: column;
   align-items: center;
   }
   .ins-banner__wrapper{
      border-radius: 20px;
      overflow: hidden;
      box-shadow: 0 8px 24px rgba(0,0,0,.08);
      padding: 24px 32px;
   }
   .motor .ins-banner__wrapper{
      background-image: url(../../frontend/image/content/bg-mobile-motor.png);
      background-repeat: no-repeat;
      background-size: cover;
   }

   .car .ins-banner__wrapper{
      background-image: url(../../frontend/image/content/bg_mobile.png);
      background-repeat: no-repeat;
      background-size: cover;
   }

   .car-body .ins-banner__wrapper{
      background-image: url(../../frontend/image/content/bg_mobile.png);
      background-repeat: no-repeat;
      background-size: cover;
   }

    .travel-intl-landing .ins-banner__wrapper{
       background-image: url(../../frontend/image/content/bg_mobile.png);
       background-repeat: no-repeat;
       background-size: cover;
    }

    /* Bảo hiểm nhà ở */
    .hi-banner__wrapper{
       border-radius: 20px;
       overflow: hidden;
       box-shadow: 0 8px 24px rgba(0,0,0,.08);
       padding: 24px 32px;
       background: rgba(207, 230, 233, 1);
    }

    .hi-banner__bg {
       position: relative;
       width: 100%;
       height: 184px;
       background-repeat: no-repeat;
       background-position: center;
       background-size: cover;
    }

    .hi-banner__overlay{
       display: none;
    }

    .hi-banner__content{
       position: static;
       padding: 24px;
    }

    .hi-banner__btn{
       display: inline-flex;
       align-items: center;
       gap: 8px;
       width: 100%;
       justify-content: center;
    }

    .hi-banner__text {
       padding-top: 0;
       margin-bottom: 16px;
    }

    .hi-intro__grid{
    width: 100%;
    margin: auto;
    }

    .hi-why__card{
    display: flex;
    flex-direction: column;
    align-items: center;
    }

    .bg-insurance img[style]{
       width: 100% !important;
       height: auto !important;
    }

    .bg-insurance .col-lg-5,
    .bg-insurance .col-lg-7{
       width: 100%;
       max-width: 100%;
       flex: 0 0 100%;
    }

    .bg-insurance .col-lg-5{
       margin-bottom: 16px;
    }

    .bg-insurance .title.heading{
       font-size: 22px;
       line-height: 32px;
       margin-bottom: 16px;
     }

    /* Bảo hiểm sức khỏe - banner cũ */
    .banner-wrapper.travel-international{
       border-radius: 20px;
       overflow: hidden;
       box-shadow: 0 8px 24px rgba(0,0,0,.08);
       position: relative;
       padding: 24px 32px;
       background: linear-gradient(90deg, #0e4da3 0%, #5ad0ff 100%);
    }

    .banner-wrapper.travel-international::before{
       display: none;
    }

    .banner-bh.banner-travel-international{
       position: relative;
       width: 100%;
       height: 184px;
       background-size: cover;
       background-position: center;
       background-repeat: no-repeat;
       border-radius: 20px;
       margin-bottom: 16px;
    }

    .travel-intl-landing .item-banners{
       position: static;
    }

    .travel-intl-landing .item-banners .text-logo{
       display: none;
    }

    .travel-intl-landing .item-banners .data-banner{
       position: static;
       max-width: none;
       margin-bottom: 16px;
    }

    .travel-intl-landing .item-banners .data-banner .bold-heading{
       font-size: 24px;
       line-height: 32px;
       white-space: normal;
    }

    .travel-intl-landing .item-banners .buy-now{
       position: static;
       display: inline-flex;
       align-items: center;
       gap: 8px;
    }

    /* Bảo hiểm sức khỏe - banner */
    .health-landing .banner-wrapper.travel-international{
      background-image: url(../../frontend/image/content/bg_mobile.png);
      background-repeat: no-repeat;
      background-size: cover;
    }

    .health-landing .banner-wrapper.travel-international::before{
       display: none;
    }

    .health-landing .banner-bh.banner-travel-international{
       background-image: url(../../frontend/image/content/healthInsurance/_BG.png);
       position: relative;
       width: 100%;
       height: 184px;
       background-size: cover;
       background-position: bottom 0 right 0;
       background-repeat: no-repeat;
       border-radius: 20px;
       margin-bottom: 16px;
    }

    .health-landing .item-banners{
       position: static;
    }

    .health-landing .item-banners .text-logo{
       display: none;
    }

    .health-landing .item-banners .data-banner{
       position: static;
       max-width: none;
       margin-bottom: 16px;
    }

    .health-landing .item-banners .data-banner .bold-heading{
       font-size: 24px;
       line-height: 32px;
       white-space: normal;
    }

    .health-landing .item-banners .buy-now{
       position: static;
       display: inline-flex;
       align-items: center;
       gap: 8px;
       width: 100%;
       justify-content: center !important;
    }

    /* Bảo hiểm sức khỏe - intro */
    .travel-intl-intro-grid{
       width: 100%;
       margin: auto;
    }

    .travel-intl-intro-grid--single{
       flex-direction: column;
    }

    .travel-intl-intro-card{
       border-left: 1px solid #DEE5EF;
       border-top: none;
       border-bottom: 1px solid #DEE5EF;
    }

    .travel-intl-intro-card:first-child{
       border-top: 1px solid #DEE5EF;
       border-top-left-radius: 12px;
       border-top-right-radius: 12px;
       border-bottom-left-radius: 0;
    }

    .travel-intl-intro-card:last-child{
       border-bottom-left-radius: 12px;
       border-bottom-right-radius: 12px;
       border-top-right-radius: 0;
    }

    .travel-intl-intro-card img{
       height: 180px;
    }

   .ins-banner__bg {
      background-image: url(../../frontend/image/content/car-body-bg.jpg);
      position: relative;
      width: 100%;
      height: 184px;
      background-repeat: no-repeat;
      background-position: bottom 0 right -60px;
      background-size: cover;
   }
   .car .ins-banner__bg{
      background-image: url(../../frontend/image/banner/banner_bh.png);
   }

   .motor .ins-banner__bg{
      background-image: url(../image/content/motor/banner/bannerMotor.png);
   }

   .travel-intl-landing .ins-banner__bg{
      background-image: url(../image/content/travelInternational/_BG.png);
   }

   .ins-banner__overlay{
      display: none;           /* hoặc chỉnh lại nếu không cần */
   }

   .ins-banner__content{
      position: static;        /* bỏ absolute nếu đang có */
      padding: 24px;
   }

   .ins-banner__btn{
      display: inline-flex;
      align-items: center;
      gap: 8px;
      width: 100%;
      justify-content: center;
   }   
   .ins-banner__text {
      padding-top: 0;
      margin-bottom: 16px;
   }

   .question{
   padding: 0 !important;
   }

    /* Ẩn tab menu */
    #tabNgangMotor {
    display: none;
    }

    #tabNgangTravelIntl {
    display: none;
    }

   /* Hiển thị các tab cùng lúc */
   #tabNgangMotorContent {
   display: flex;
   overflow-x: auto;
   scroll-snap-type: x mandatory;
   gap: 16px;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   }

    #tabNgangMotorContent::-webkit-scrollbar {
    display: none;
    }

    #tabNgangTravelIntlContent {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    }

    #tabNgangTravelIntlContent::-webkit-scrollbar {
    display: none;
    }

   .tab-pane .row{
   height: 100%;
   }

    /* Bỏ cơ chế tab của Bootstrap */
    #tabNgangMotorContent .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 0 0 100%;
    scroll-snap-align: start;
    }

    #tabNgangTravelIntlContent .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 0 0 100%;
    scroll-snap-align: start;
    }

    /* Bảo hiểm nhà ở - tabs */
    #tabNgangHome {
    display: none;
    }

    #tabNgangHomeContent {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    }

    #tabNgangHomeContent::-webkit-scrollbar {
    display: none;
    }

    #tabNgangHomeContent .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 0 0 100%;
    scroll-snap-align: start;
    }

    /* Bảo hiểm sức khỏe - tabs */
    #tabNgangHealth {
    display: none;
    }

    #tabNgangContentHealth {
    display: flex;
    overflow-x: auto;
    scroll-snap-type: x mandatory;
    gap: 16px;
    -webkit-overflow-scrolling: touch;
    scrollbar-width: none;
    }

    #tabNgangContentHealth::-webkit-scrollbar {
    display: none;
    }

    #tabNgangContentHealth .tab-pane {
    display: block !important;
    opacity: 1 !important;
    visibility: visible !important;
    flex: 0 0 100%;
    scroll-snap-align: start;
    height: auto;
    }

    .health-tabs-section .details {
    display: flex !important;
    flex-direction: column;
    grid-template-columns: 1fr !important;
    height: 100%;
    }

    .health-tabs-section .details > .item-left,
    .health-tabs-section .details > .item-right {
    max-width: 100%;
    width: 100%;
    }

    .health-tabs-section .details > .item-right {
      height: auto;
      flex-grow: 1;
      border-bottom-left-radius: 20px !important;
      border-bottom-right-radius: 20px !important;
    }

    .health-tabs-section .item-left {
    height: 180px;
    }

    .health-tabs-section .item-left .iconic-photo {
    height: 100%;
    border-top-left-radius: 20px !important;
    border-top-right-radius: 20px !important;
    border-bottom-left-radius: 0 !important;
    border-bottom-right-radius: 0 !important;
    }

    .health-tabs-section .item-right {
    height: auto;
    flex-grow: 1;
    border-bottom-left-radius: 20px !important;
    border-bottom-right-radius: 20px !important;
    border-top-left-radius: 0 !important;
    border-top-right-radius: 0 !important;
    }

   .details {
   display: flex;
   flex-direction: column;
   }

   .details .item-left,
   .details .item-right {
   width: 100%;
   max-width: 100%;
   height: 180px;
   }

   .details .iconic-photo {
      border-top-left-radius: 20px !important;
      border-top-right-radius: 20px !important;
   }

   .details .item-right {
   height: auto;
   flex-grow: 1;
   border-bottom-left-radius: 20px !important;
   border-bottom-right-radius: 20px !important;
   }
   .handle-hotline{
   display: flex;
   flex-direction: column;
   gap: 12px;
   align-items: stretch;
   }

   /* Hàng hotline */
   .handle-hotline .item-hotline{
   width: 100%;
   justify-content: center;
   }

   /* Hàng nút Mua ngay */
   .handle-hotline .btn-getquote{
   width: 100%;
   display: flex;
   justify-content: center;
   align-items: center;
   border-radius: 30px;
   }
   /* .details .item-right .title-heading,
   .details .item-right .info,
   .details .item-right .see-details{
      display: none;
   } */

   /* Chỉ giữ hotline */
   .details .item-right .handle-hotline {
      display: flex;
      justify-content: center;
      margin-top: 16px;
      height: auto;
   }

   .details .item-right,
   .details .iconic-photo{
   border-radius: 0;
   }

   .details .item-right .item-hotline {
      width: 100%;
      justify-content: center;
      border-radius: 30px;
   }

   /* Ảnh full width */
   .details .item-left,
   .details .item-right {
      width: 100%;
      max-width: 100%;
   }

   .details .item-left img {
      width: 100%;
      display: block;
   }
   .tab-highlights .tab-content{
   margin: 0;
   }

   /* BẢo hiểm ô tô */
   #tabNgangCar {
   display: none;
   }

   /* Hiển thị dạng carousel ngang */
   #tabNgangCarContent {
   display: flex;
   overflow-x: auto;
   gap: 16px;
   scroll-snap-type: x mandatory;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   }

   #tabNgangCarContent::-webkit-scrollbar {
   display: none;
   }

   #tabNgangCarContent .tab-pane {
   display: block !important;
   opacity: 1 !important;
   flex: 0 0 100%;
   scroll-snap-align: start;
   }

   /* Chỉ hiển thị ảnh + hotline */
   #tabNgangCarContent .details {
   display: flex;
   flex-direction: column;
   }

   #tabNgangCarContent .item-left,
   #tabNgangCarContent .item-right {
   width: 100%;
   max-width: 100%;
   }

   #tabNgangCarContent .item-hotline {
   width: 100%;
   justify-content: center;
   }

   #tabNgangCarContent .handle-hotline {
   display: flex;
   justify-content: center;
   margin-top: 16px;
   }

   /* BẢo hiểm ô tô */
   #tabNgangCardBody {
      display: none;
   }

   /* Hiển thị dạng carousel ngang */
   #tabNgangCardBodyContent {
   display: flex;
   overflow-x: auto;
   gap: 16px;
   scroll-snap-type: x mandatory;
   -webkit-overflow-scrolling: touch;
   scrollbar-width: none;
   }

   #tabNgangCardBodyContent::-webkit-scrollbar {
   display: none;
   }

   #tabNgangCardBodyContent .tab-pane {
   display: block !important;
   opacity: 1 !important;
   flex: 0 0 100%;
   scroll-snap-align: start;
   }

   /* Chỉ hiển thị ảnh + hotline */
   #tabNgangCardBodyContent .details {
   display: flex;
   flex-direction: column;
   }

   #tabNgangCardBodyContent .item-left,
   #tabNgangCardBodyContent .item-right {
   width: 100%;
   max-width: 100%;
   }

   #tabNgangCardBodyContent .item-hotline {
   width: 100%;
   justify-content: center;
   }

   #tabNgangCardBodyContent .handle-hotline {
   display: flex;
   justify-content: center;
   margin-top: 16px;
   }
   .description{
   -webkit-line-clamp: unset;
   -webkit-box-orient: unset;
   overflow: unset;
   text-overflow: unset;
   }
   .tab-indicator-mobile {
      display: flex;
      justify-content: center;
      align-items: center;
      gap: 8px;
      margin-top: 20px;
      margin-bottom: 16px;
  }

  .tab-indicator-mobile .dot {
      width: 8px;
      height: 8px;
      border-radius: 50%;
      background: #D9D9D9;
      transition: all .3s ease;
  }

  .tab-indicator-mobile .dot.active {
      width: 24px;
      border-radius: 20px;
      background: #005BAC;
  }
   .biz-intro__body{
    padding: 32px 24px;
   }
   .biz-intro__image{
    width: 100%;
   }

   .biz-coverage__box {
       padding: 16px;
   }

    .biz-coverage__box .biz-coverage__panel {
        height: auto;
    }

    .biz-coverage__panel--tall {
        height: auto;
    }

   .biz-coverage__panel {
       flex-direction: column;
       margin: 0;
       border-radius: 20px;
       overflow: hidden;
   }

   .biz-coverage__image {
       width: 100%;
       height: 180px;
       object-fit: cover;
       border-top-left-radius: 20px;
       border-top-right-radius: 20px;
       border-bottom-left-radius: 0;
       border-bottom-right-radius: 0;
   }

   .biz-coverage__body {
       padding: 20px 16px;
       border-bottom-left-radius: 20px;
       border-bottom-right-radius: 20px;
       border-top-left-radius: 0;
       border-top-right-radius: 0;
   }

   .biz-coverage__title {
       font-size: 20px;
       line-height: 28px;
   }

   .biz-coverage__list {
       padding: 12px 16px;
       font-size: 14px;
       line-height: 22px;
   }

   .biz-coverage__cta {
       flex-direction: column;
       flex-wrap: wrap;
       border-radius: 16px;
       padding: 12px;
       gap: 8px;
       width: 100%;
   }

   .biz-coverage__hotline {
       width: 100%;
       justify-content: center;
       font-size: 14px;
   }

   .biz-coverage__buy {
       border-radius: 8px;
       width: 100%;
       justify-content: center;
       margin-top: 4px;
       font-size: 14px;
   }
}
@media (max-width: 430px) {
    .insurance .process-cover {
        height: 100% !important;
        gap: 5px;
        align-items: center;
    }
    .tim-hieu-them img {
        width: 20px !important;
    }
    .insurance .process-cover .caption {
        font-size: 16px;
        line-height: 20px;
    }
    .tim-hieu-them a,
    .learn-more {
        font-size: 14px;
        line-height: 20px;
    }
    .list-news .item-news{
      display: flex;
    }
    .item-news .img-featured{
         width: 90%;
         margin-right: 10px;
    }
    .item-news .body-hotdeal.p-16{
      width: 100%;
    }
    .body-hotdeal.p-16 .text-date {
        margin-bottom: 10px;
        font-size: 14px;
    }
       /* Luồng mua bảo hiểm xe máy */
   .border-radius{
      font-size: 13px;
   }

   .voucher-discount{
      margin-left: 0;
   }

   .handle-footer .handle-click{
      /* flex-direction: column; */
      align-items: center;
   }
   /* .handle-footer .handle-click div,
   .handle-footer .handle-click a,
   .handle-footer .handle-click button {
      width: 100%;
   } */
   .handle-footer .total-cost{
      padding: 0;
   }

   .handle-footer.handle{
      background: #F2F2F5;
   }
   .vehicle-registration{
      width: 100%;
   }
   .title-card .note{
      font-size: 12px;
   }
}
@media (min-width: 769px) {
   .tab-indicator-mobile {
       display: none;
   }
}
@media (max-width:767px){

   #newsWrapper{
       display:flex;
       flex-wrap:nowrap;
       overflow-x:auto;
       scroll-snap-type:x mandatory;
       gap:16px;
       padding-bottom:8px;

       scrollbar-width:none;
   }

   #newsWrapper::-webkit-scrollbar{
       display:none;
   }

   #newsWrapper .news-item{
       flex:0 0 100%;
       max-width:100%;
       scroll-snap-align:start;
   }

   .news-dots{
       display:flex;
       justify-content:center;
       gap:8px;
       margin-top:20px;
   }

   .news-dot{
       width:8px;
       height:8px;
       border-radius:50%;
       background:#D9D9D9;
       transition:.3s;
   }

   .news-dot.active{
       width:24px;
       border-radius:20px;
       background:#003E7E;
   }
   /* Ưu đãi không thể bỏ lỡ */
   #dealWrapper{
       display:flex;
       flex-wrap:nowrap;
       overflow-x:auto;
       scroll-snap-type:x mandatory;
       gap:16px;

       scrollbar-width:none;
   }

   #dealWrapper::-webkit-scrollbar{
       display:none;
   }

   #dealWrapper .deal-item{
       flex:0 0 100%;
       max-width:100%;
       scroll-snap-align:start;
   }

   .deal-dots{
       display:flex;
       justify-content:center;
       gap:8px;
       margin:20px 0;
   }

   .deal-dot{
       width:8px;
       height:8px;
       border-radius:50%;
       background:#D9D9D9;
       transition:.3s;
   }

   .deal-dot.active{
       width:24px;
       border-radius:20px;
       background:#003E7E;
   }

   /* Bảo hiểm du lịch - bước 1 */
   .travel-intl-step1 .travel-intl-panel--plans .program-cards{
      display: flex;
      flex-direction: column;
   }

   .travel-intl-step1 .travel-intl-fee-footer.handle-footer.handle,
   .travel-intl-step2 .travel-intl-panel,
   .travel-intl-step3 .travel-intl-panel,
   .home-insurance-step2-footer .handle-footer.handle,
   .infor-step3 .distance.content-footer
   {
      padding: 0;
      background-color: #F2F2F5;
      border: none;
      box-shadow: none;
      border-radius: unset;
   }

    /* Bảo hiểm du lịch - bước 2 */
    .travel-intl-step2 .travel-intl-step2-section{
       padding: 0;
    }

    /* Đăng ký đại lý - responsive */
    .register_agent .slogan-banner {
        top: 16px;
        margin-left: 16px;
    }

    .register_agent .slogan_1 {
        font-size: 14px;
        line-height: 20px;
    }

    .register_agent .slogan_2 {
        font-size: 24px;
        line-height: 1.2;
    }

    .register_agent .btn-register-agent {
        width: auto;
        font-size: 14px;
        padding: 8px 16px;
    }

    .register_agent .tab-warp {
        margin: 16px 0 !important;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
    }

    .register_agent .tab-warp::-webkit-scrollbar {
        display: none;
    }

    .register_agent .nav-tabs {
        flex-wrap: nowrap;
        white-space: nowrap;
        min-width: max-content;
    }

    .register_agent .nav-tabs .nav-item {
        flex: 1 0 auto;
    }

    .register_agent .nav-tabs .nav-link {
        font-size: 13px;
        padding: 8px 12px;
    }

    .register_agent .agent-list .list {
        flex-wrap: nowrap;
        overflow-x: auto;
        -webkit-overflow-scrolling: touch;
        scrollbar-width: none;
        margin: 0 -16px;
        padding: 0 16px;
        flex-direction: column;
    }

    .register_agent .agent-list .list::-webkit-scrollbar {
        display: none;
    }

    .register_agent .agent-list .agent-image {
        flex: 0 0 auto;
        width: 100%;
    }

    .register_agent .agent-image img {
        object-fit: contain;
        width: 100%;
    }

    .register_agent .benefit-row {
        padding: 16px;
    }

    .register_agent .benefit-row .col-3 {
        flex: 0 0 50%;
        max-width: 50%;
        padding: 8px;
    }

    .register_agent .benefit-row .col-3 img {
        width: 100%;
        height: auto;
    }

    .register_agent .become-agent .image img {
        width: 100%;
        height: auto;
    }

    .register_agent .process-banner img {
        height: 160px;
        object-fit: cover;
    }

    .register_agent .process-card {
        padding: 20px 16px 24px;
        margin-top: -20px;
    }

    .register_agent .process-card__title {
        font-size: 18px;
        margin-bottom: 24px;
    }

    .faq-section-wrap {
        margin: 0;
    }

    .faq-section-box {
        padding: 20px 16px;
    }

    .faq-section-box .accordion-body {
        font-size: 14px;
        line-height: 22px;
    }

    #registerModal .modal-body {
        padding: 24px 16px !important;
    }

    #registerModal .modal-dialog {
        margin: 8px;
    }

    #registerModal h5 {
        font-size: 20px !important;
    }

    #registerModal .d-flex.justify-content-between.align-items-center {
        flex-wrap: wrap;
        gap: 8px;
    }

    #registerModal .d-flex.justify-content-between.align-items-center img {
        width: 100px;
    }

    #registerModal .agent-modal-header {
        display: flex;
        flex-direction: column-reverse;
    }
    #registerModal .agent-modal-header div {
        width: 100%;
        justify-content: space-between;
    }

    .register_agent .process-step {
      position: relative;
      z-index: 1;
      display: flex;
      flex-direction: row;
      text-align: center;
      justify-content: space-evenly;
      align-items: center;
   }

   .register_agent .banner {
      background-color: #f2f2f4;
      height: 150px;
      object-fit: cover;
      border-radius: 20px;
   }

   .infor-cart{
      flex-direction: column;
   }
   .shopping.cart-list{
      width: 100%;
   }
   .list-items .item-cart{
      flex-wrap: wrap;
      border-bottom: 1px solid #f4f4f5;
      padding: 12px 0;
   }
   .your-invoice{
      width: 100%;
      height: auto;
   }
   .introduce-pages .banner{
      height: auto;
   }
   .slogan-banner{
      top: 10px;
   }
   .slogan .slogan_1{
      font-size: 18px;
   }
   .slogan .slogan_2{
      font-size: 30px;
   }

   .product-banner__breadcrumb{
      margin-bottom: 0;
   }
   .product-banner__image{
      height: auto;
   }
   .product-banner__text{
      gap: 0;
   }
   .product-banner__title{
      font-size: 20px;
   }
   .product-banner__subtitle{
      font-size: 20px;
   }
   .register_agent .slogan .slogan_2{
      font-size: 24px;
   }
}
/* Màn hình desktop cơ bản và Laptop 14inch */
@media screen and (min-width: 1200px) and (max-width: 1399px) {
   /* Trang chủ */
   .banner-content {
      top: 72%;
   }
   .pjico-items .pjico-item{
      width: 25%;
   }
   .tab-wrapper.roundeds .nav.nav-tabs{
      flex-wrap: nowrap;
   }
   .item-hotdeal .item-img{
      width: 100%;
   }
   .img-hotdeal{
      width: 100%;
   }
   .item-hotdeal .body-hotdeal{
      width: 100%;
   }
   .item-new{
      width: 100%;
   }
   .item-new .body-hotdeal{
      width: 100%;
   }
   .item-product .listed-prices{
      flex-wrap: wrap;
   }
   /* trang dang ky dai ly */
   .register_agent .image img,
   .register_agent .agent-list .list .agent-image img,
   .register_agent .register-agent-section .benefit-row img{ 
      width: 100%;
   }
   /* Trang mua bao hiem */
   .hi-featured__card{
      height: 360px;
   }
   .hi-featured__footer{
      margin-top: 25px;
   }
   .custom-radio-group{
      gap: 6px;
   }
   .insurance .container .home-insurance-image img{
      width: 100% !important;
   }
   .container{
      max-width: 100%;
   }
}