.pfz {
     font-size: 1rem !important;
   }

   .boeder-b {
     border-bottom: 2px solid #c0c0c0;
   }

   .navbar-brand {
     margin-left: 2rem;
     font-size: 1.5rem;
   }

   .nav-item .nav-link.active {
     font-weight: bold;
   }

   .header-container {
     width: 100%;
   }

   .list-group-item.active {
     font-weight: bold;
   }

   .list-group-item {
     position: relative;
   }

   .tab-content {
     margin-left: 1.5rem;
     margin-right: 2rem;
     margin-top: 3rem;
     margin-bottom: 1rem;
     position: relative;
     padding-left: 10px;
     padding-right: 10px;
   }

   .tabbored {
     position: relative;
     padding-left: 10px;

     overflow: auto;

     border-left: 2px solid #9b9b9b;
   }

   .list-group-item {
     padding: 20px;
     border: none;
   }

   .list-group-item.active {
     z-index: 2;
     color: black;
     background-color: #fff;
     border: none;
   }

   .col-md-4 {
     padding-right: 0;
     padding-left: 0;
   }

   .col-md-9 {
     padding-left: 0;

   }

   .bg-container {
     overflow: hidden;
     background-color: #becbe7;

     padding: 20px;

   }

   .container-bg-white {
     background-color: #fff;

   }

   .title-b {
     font-weight: bold;
     color: #7A126B;
   }

   .title-bxl {
     color: #7A126B;
     font-weight: bold;
   }

   .title-li {
     font-weight: bold;
   }

   ol,
   ul {
     padding-left: 0rem;
   }

   a {
     color: #7A126B;
   }

   .supported ul,
   .download ul {
     list-style-type: none;
   }

   .download ul li {
     border-top: #7A126B solid .5px;
     padding: 18px 0;
   }

   .download ul li:last-child {
     border-bottom: #7A126B solid .5px;
   }

   .download ul li a {
     text-decoration: none;
     position: relative;
   }

   .download ul li a::after {
     content: '';
     display: inline-block;
     width: 15px;
     height: 15px;
     margin-left: 1rem;
     border-top: 1px solid black;
     border-right: 1px solid black;
     transform: rotate(45deg);
     transition: margin-left 1s ease;
   }

   form .col-12 {
     margin: 10px 0;
   }

   .bg-container .faq-container .accordion-button::after {
     lex-shrink: 0;
     width: 1rem;
     height: 1rem;
     margin-left: auto;
     content: '';
     border-top: 1px solid black;
     border-right: 1px solid black;
     transform: rotate(45deg);
     background-image: none;
     transition: var(--bs-accordion-btn-icon-transition);
   }

   .circle-with-triangle {
     display: inline-block;
     width: 30px;
     height: 30px;
     line-height: 18px;
     text-align: center;
     background-color: white;
     border: 2px solid #2a3e85;
     border-radius: 50%;
     position: relative;
     margin-left: 5px;
   }

   .circle-with-triangle::before {
     content: '';
     position: absolute;
     top: 50%;
     left: 56%;
     transform: translate(-50%, -50%) rotate(90deg);
     width: 0;
     height: 0;
     border-left: 4px solid transparent;
     border-right: 4px solid transparent;
     border-bottom: 8px solid #2a3e85;
   }

   .bg-containerR {
     overflow: hidden;
     background-image: url('../assets/images/kv_bg_1920.jpg');
     background-size: cover;

     background-position: center;

     background-repeat: no-repeat;

   }

   .container {
     overflow: hidden;
     position: relative;

     z-index: 1;

   }

   .flot {
     position: relative;
     min-height: calc(27rem + 1.5vw);
   }

   .flotleft {
     position: absolute;
     top: 24%;
     left: 5%;
   }

   .accordion ul {
     list-style: none;
   }

   .accordion ul li {
     margin: 10px;
   }

   .accordion ul li a {
     text-decoration: none;
   }

   .navbar-expand-lg {
     flex-wrap: wrap;
     justify-content: flex-start;
   }

   .displ-ct {
     overflow: hidden;
     display: flex;
     align-items: center;
     justify-content: space-between;
   }

   .ms-4 {
     margin-left: 0rem !important;
   }

   .navbar-brand {
     margin-left: 1rem;
   }

   .navbar-toggler {
     border: none;
     background-color: transparent;
   }

   .navbar-toggler:focus {
     box-shadow: none;
   }

   @media (min-width: 980px) {
     .title-li {
       padding: 1rem 0rem;
       font-weight: bold;
     }

     .padding-one {
       padding: 1rem;
     }

     .nah-mt-3 {
       margin-bottom: 2rem !important
     }

     .na-2 {
       margin-bottom: 1.875rem !important;
     }

     .pfz {
       margin-top: 2rem;
     }

     .border-bott {
       padding-bottom: 20px;
     }

     .accordion-item {
       width: 80%;
       border: none;
       border-bottom: .5px solid #2a3e85;
     }

     .accordion .accordion-item:first-child {
       border-top: .5px solid #2a3e85;
     }
   }

   @media (min-width: 1400px) {

     .container,
     .container-lg,
     .container-md,
     .container-sm,
     .container-xl,
     .container-xxl {
       max-width: 100%;
     }
   }

   @media (max-width: 767.98px) {
     .container-h>* {
       padding-left: 0;
       padding-right: 0;
     }

     .tab-content {
       margin-left: 0;
       margin-right: 0;

     }

     .row {
       flex-direction: column;
     }

     form .row {
       flex-direction: row;
     }

     .tab-content::before {
       display: none;

     }

     .list-group-item::after {
       display: none;

     }
   }

   .download {
     width: 60%;
   }

   @media (max-width: 767.98px) {
     .mbnavdi {
       width: 100% !important;
       justify-content: space-evenly !important;
     }

     a[data-bs-toggle="modal"] {
       text-decoration: none;
     }

     .circle-with-triangle::before {
       content: '';
       position: absolute;
       top: 50%;
       left: 56%;
       transform: translate(-50%, -50%) rotate(90deg);
       width: 0;
       height: 0;
       border-left: 3px solid transparent;
       border-right: 3px solid transparent;
       border-bottom: 5px solid #2a3e85;
     }

     .circle-with-triangle {
       display: inline-block;
       width: 15px !important;
       height: 15px !important;
       line-height: 15px !important;
       text-align: center;
       background-color: white;
       border: 1.5px solid #2a3e85;
       border-radius: 50%;
       position: relative;
       margin-left: 5px;
     }

     .userGuide .circle-with-triangle {
       vertical-align: -0.2rem !important;
     }

     #nav-tabContent .fade .fs-2-n {
       font-size: calc(.85rem + .3vw) !important;
     }

     .supported ul li {
       text-align: center;
     }

     .navbar-brand {
       font-weight: bold;
       font-size: .75rem;
     }

     .tab-content {
       margin-left: 0;
       margin-right: 0;
     }

     .row {
       flex-direction: column;
     }

     form .row {
       flex-direction: row;
     }

     .tab-content::before {
       display: none;
     }

     .list-group-item::after {
       display: none;
     }

     .tabbored {
       overflow-x: hidden;
       overflow-y: auto;
       border-left: none;
     }


     #list-tab {
       display: flex;
       flex-direction: row;
       overflow-x: auto;
       white-space: nowrap;
       width: 100%;
       /* padding: 0 10px 10px 10px; */
       border-bottom: 2px solid #9b9b9b;
       background: #fff;
       margin-bottom: .8rem;
       scrollbar-width: none;
       border-radius: unset;
       margin-top: 0px !important;
     }

     #list-tab::-webkit-scrollbar {
       display: none;
       /* Chrome/Safari */
     }

     #list-tab .list-group-item {
       display: inline-block;
       width: auto;
       min-width: 0;
       max-width: none;
       text-align: center;
       margin: 10px 10px;
       font-size: .75rem !important;
       padding: 15px 0px;
       white-space: nowrap;
       flex: 0 0 auto;
     }

     .list-group-item:last-child {
       border-bottom-right-radius: unset;
       border-bottom-left-radius: unset;
     }

     #list-tab .list-group-item.active {
       border-bottom: 2px solid #2a3e85;
     }

     .col-md-4 {
       width: 100%;
       padding: 0;
     }

     .col-md-9 {
       width: 100%;
       padding: 0;
     }


     .flot {
       min-height: 11rem;
     }

     .fs-1 {
       font-size: calc(1.325rem + .9vw) !important;
     }

     .flotleft {
       position: absolute;
       top: 8%;
       left: 5%;
     }

     .pfz {
       font-size: 0.75rem !important;
     }

     .col-md-4 p {
       width: 42%;
     }

     .bg-container .mt-5 {
       margin-top: 0rem !important;
     }

     .smbt-3 {
       margin-bottom: 2rem !important;
     }

     .tabbored .accordion-item,
     .faq-container .accordion-item {
       border: none;
       border-top: .5px solid #2a3e85;
     }

     .tabbored .accordion-item:last-child,
     .faq-container .accordion-item:last-child {
       border-bottom: .5px solid #2a3e85;
     }

     .supported {
       flex-direction: column !important;
       align-items: stretch !important;
     }

     .supported ul {
       width: 100%;
       margin-bottom: 2rem;
       padding: 0;
       background: #fff;
       border-radius: 10px;
       padding: 10px;
     }

     .supported ul li {
       text-align: left;
       padding: 0.2rem 0;
       font-size: 0.95rem;
       display: block;
     }

     .supported ul li img {
       display: block;
       margin: 0 auto 0.5rem auto;
       height: auto;
     }

     .supported ul .title-li {
       text-align: left;
       font-weight: bold;
       margin-bottom: 0.5rem;
       margin-top: 0.2rem;
     }


     .supported ul li:not(:first-child):not(.title-li) {
       display: inline-block;
       width: 32%;
       margin: 0 0 0.3rem 0;
       padding: 0.2rem 0;
       font-size: 0.75rem;
       vertical-align: top;
     }


     .supported ul li:first-child,
     .supported ul .title-li {
       display: block;
       width: 100%;
     }

     .accordion-button,
     .accordion-body {
       padding: var(--bs-accordion-btn-padding-y) 0;
     }

     #collapseOne .accordion-body,
     #collapseTwo .accordion-body,
     #collapseThree .accordion-body {
       padding-top: 0;
       padding-bottom: 0;
       margin-bottom: 0;
     }

     .bg-container .mb-4 {
       margin-bottom: .5rem !important;
     }

     .bg-container .fs-5 {
       font-size: .75rem !important;
     }

     .bg-container .accordion ul li {
       margin: 0;
       margin-left: 10px;
     }

     .download ul li a::after {
       width: 10px;
       height: 10px;
     }

     .bg-container .faq-container .accordion-button::after {
       border-top: 1px solid black;
       border-right: 1px solid black;
       width: 10px;
       height: 10px;
       margin-left: auto;
       margin-right: 10px;
     }

     .smbt-3 button {
       font-size: .75rem !important;
     }

     .form-control {
       padding: .1rem .6rem;
       font-size: .75rem;
     }

     form .col-12 {
       margin: 5px 0;
     }

     .index .boeder-b {
       border: none;
     }

     .faq-container .border-bott .fs-4 {
       font-size: .75rem !important;
     }

     .bg-container .dlmt-2 {
       margin-top: 1rem !important;
     }

     .displ-ct .align-items-center img {
       width: 100%;
       max-width: 96px !important;
     }

     .padding-r-no {
       padding-right: 0 !important;
     }

     .download {
       width: 100%;
     }

     .bg-container .accordion-body ul li a {
       font-size: .75rem;
     }
   }

   .color-b {
     color: #7A126B !important;
   }

   .bg-container .list-group-item.active {
     z-index: 2;
     color: black !important;
     background-color: #fff;
     border: none;
   }

   .container-h .col-md-3 {
     padding: 0 !important;
   }

   .bg-container .list-group-item {
     color: black !important;
     padding: 1.2rem;
     padding-left: 3rem;
     border: none;
   }

   .displ-ct .align-items-center img {
     height: 100%;
     max-width: 120px;
   }

   .accordion-body {
     padding: 0px 0px 0px 5px;
   }

   #list-messages li p {
     margin-bottom: 0 !important;
   }

   .accordion-body ul li a {
     text-decoration: none;
     position: relative;
     transition: color 0.2s;
   }

   .accordion-body ul li a:hover::after {
     content: '';
     display: block;
     position: absolute;
     left: 0;
     right: 0;
     bottom: -2px;

     height: 1px;

     background: #2f3f82;

     border-radius: 1px;
   }

   figure,
   p {
     margin: 0;
   }

   h3 {
     margin-bottom: 1rem;
   }

   .container {
     width: 100%;
     max-width: 100%;
     padding: 0 100px;
   }

   .container-full {
     max-width: 100%;
     padding: 0px;
   }

   .list-group-item.active.expanded {
     background-color: transparent !important;
   }

   .list-group-item.active {
     background-color: transparent !important;
   }

   .bg-dark {
     background-color: transparent !important;
   }

   header {
     background: linear-gradient(to right, rgba(0, 0, 0, 1), rgba(0, 0, 0, 0.64));
     position: absolute;
     top: 0px;
     left: 0px;
     z-index: 100;
     width: 100%;
   }

   header .navbar {
     margin-top: 40px;
   }

   .banner {
     position: relative;
   }

   .banner .bg img {
     width: 100%;
   }

   .banner .banner-text {
     position: absolute !important;
     height: 100%;
     top: 0px;
     left: 0px;
     display: flex;
     justify-items: center;
     align-items: center;
     margin-left: 50%;
     transform: translateX(-50%);
   }

   .banner .banner-text .title {
     color: #ffffff;
     font-weight: bold;
     font-size: 58px;
     line-height: 1.2;
     margin-bottom: 36px;
   }

   .banner .banner-text .desc {
     font-size: 24px;
     line-height: 1.2;
     color: #ffffff;
     margin-bottom: 20px;
   }

   .banner .banner-text .banner-btn {
     color: #48174C;
     font-size: 22px;
     line-height: 1.2;
     font-weight: bold;
     position: relative;
     margin-left: -100px;
     padding-left: 100px;
     padding-top: 20px;
     padding-bottom: 20px;
     display: block;
     background-image: url(../assets/images/banner-btn.png);
     background-repeat: no-repeat;
     background-position: center right;
     background-size: 100% 100%;
   }

   .banner .banner-text .banner-text__wrapper {
     padding-top: 100px;
   }

   .btn-video {
     background: #7A126B;
     border-radius: 100px;
     color: #ffffff;
     cursor: pointer;
     display: inline-flex;
     align-items: center;
     justify-content: center;
     text-decoration: none;
     padding-right: 33px;
     font-size: 16px;
     line-height: 1.2;
     position: relative;
     padding: 5px 20px 5px 50px;
     min-height: 42px;
   }

   .btn-video::before {
     content: "";
     width: 30px;
     height: 30px;
     background-image: url(../assets/images/btn-video.png);
     background-repeat: no-repeat;
     background-size: contain;
     background-position: center center;
     display: block;
     position: absolute;
     left: 6px;
   }

   .btn-normal {
     color: #7A126B !important;
     text-decoration: underline;
   }

   .btn-normal:hover {
     --bs-link-color-rgb: #7A126B;
   }

   .btn-primary {
     color: #ffffff;
     font-size: 16px;
     background-color: #7A126B !important;
     text-decoration: none;
     border: 0px;
     border-radius: 100px;
     padding-right: 33px;
     padding-left: 33px;
   }

   .index_page .list-group-item {
     background-color: transparent;
     color: #ffffff;
     font-size: 28px;
     line-height: 1.2;
     padding: 20px 20px 20px 30px;
   }

   .index_page .list-group-item.active::after {
     background-color: #C9D0F0 !important;
     width: 8px !important;
     height: 50px !important;
     top: 10px !important;
   }

   .index_page .tab-content {
     margin-top: 1rem;
   }

   .index_page .accordion-item a {
     color: #7A126B !important;
   }

   .index_page .accordion-body ul li a:hover::after {
     background-color: #7A126B;
   }

   /* .index_page .tab-pane-faq .accordion-button::after{
        transform: rotate(270deg);
    } */
   .index_page .accordion-item {
     border-bottom: .5px solid #7A126B;
   }

   .index_page .accordion .accordion-item:first-child {
     border-top: .5px solid #7A126B;
   }

   footer {
     background-color: #C7C7C7;
     color: #ffffff;
     font-size: 14px;
     line-height: 1.2;
     height: 50px;
     display: flex;
     align-items: center;
     justify-content: center;
   }

   @media (min-width: 768px) {
     .userGuide .s2 {
       background-size: 33.33% 100%;
     }

     .banner .banner-text .banner-text__wrapper {
       padding-top: 50px;
       width: 70%;
     }

     .index_page .s2-wrapper {
       padding-top: 3rem;
       padding-bottom: 3rem;
     }

     .banner .banner-text .title {
       font-size: 32px;
       margin-bottom: 20px;
     }

     .banner .banner-text .desc {
       font-size: 18px;
       margin-bottom: 20px;
     }

     .banner .banner-text .banner-btn {
       font-size: 18px;
       padding-top: 10px;
       padding-bottom: 10px;
     }
   }

   @media (min-width: 992px) {
     .d-md-992-none {
       display: none !important;
     }

     .container {
       padding: 0 30px;
     }

     .navbar-expand-lg .navbar-nav .nav-link {
       padding: 0.5rem;
     }

     .displ-ct .align-items-center img {
       height: 100%;
       max-width: 80px;
     }

     .sidebar {
       padding-left: 30px !important;
     }

     .userGuide .content-body {
       width: 100%;
       padding: 0 30px;
       margin: auto;
     }

     .index_page .s2 .s2-left {
       padding-left: 30px !important;
     }

     .index_page .s2 .s2-right {
       padding-right: 30px !important;
     }

     .index_page .list-group-item {
       color: #ffffff !important;
     }

     .index_page .list-group-item.active {
       color: #ffffff !important;
     }

     header .navbar-expand-lg .navbar-nav .nav-link {
       color: #ffffff !important;
     }

     .navbar-nav .nav-link.active {
       color: #ffffff !important;
     }

     header .navbar-collapse {
       justify-content: flex-end;
     }

     .s2 {
       background-image: url(../assets/images/s2_bg.jpg);
       background-repeat: repeat-y;
       background-size: 25% 100%;
       background-color: #ffffff;
     }

     .s2 .s2-wrapper {
       width: 100%;
     }

     .banner .banner-text .title {
       font-size: 36px;
       margin-bottom: 20px;
     }

     .banner .banner-text .banner-text__wrapper {
       padding-top: 80px;
       width: 50%;
     }

     .userGuide .banner .banner-text .banner-text__wrapper {
       width: auto;
     }

     .userGuide .list-group-item {
       background-color: transparent !important;
       color: #ffffff;
     }
   }

   @media (min-width: 1200px) {
     .container {
       padding: 0 50px;
     }

     .navbar-expand-lg .navbar-nav .nav-link {
       padding: 0.8rem;
     }

     .sidebar {
       padding-left: 50px !important;
     }

     .userGuide .content-body {
       width: 100%;
       padding: 0 50px;
     }

     .index_page .s2 .s2-left {
       padding-left: 50px !important;
     }

     .index_page .s2 .s2-right {
       padding-right: 50px !important;
     }

     header .navbar {
       margin-top: 30px;
     }

     .banner .banner-text .banner-text__wrapper {
       padding-top: 95px;
     }

     .banner .banner-text .title {
       font-size: 40px;
       margin-bottom: 36px;
     }
   }

   @media (min-width: 1400px) {
     .banner .bg {
       height: 570px;
       overflow: hidden;
     }

     .banner .bg img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }

     .container {
       padding: 0 70px;
     }

     .navbar-expand-lg .navbar-nav .nav-link {
       padding: 1rem;
     }

     .sidebar {
       padding-left: 70px !important;
     }

     .userGuide .content-body {
       width: 100%;
       padding: 0 70px;
       margin: auto;
     }

     .index_page .s2 .s2-left {
       padding-left: 70px !important;
     }

     .index_page .s2 .s2-right {
       padding-right: 70px !important;
     }

     .banner .banner-text .title {
       font-size: 58px;
     }

     .banner .banner-text .desc {
       font-size: 24px;
     }

     .banner .banner-text .banner-btn {
       font-size: 24px;
     }
   }

   @media (max-width: 991px) {
     .sp-nav {
       width: 100%;
       justify-content: space-between;
     }

     .container {
       padding: 0 30px;
     }

     .navbar-toggler {
       margin-right: -5px;
     }

     header .navbar {
       margin: 10px 0px 10px;
     }

     .index_page .s2 .s2-left {
       padding-left: 0px !important;
       width: 100%;
     }

     .index_page .list-group-item.active::after {
       content: none;
     }

     .index_page .s2 {
       padding: 20px;
       background-color: #d9deff;
     }

     .index_page .s2 .s2-right {
       width: 100%;
       padding-right: 30px !important;
       padding-left: 30px !important;
     }

     .index_page .s2-wrapper {
       background-color: #ffffff;
     }

     .index_page #list-tab .list-group-item.active {
       border-bottom: 2px solid #7A126B;
     }

     .index_page .s2-wrapper .row {
       margin: 0px;
     }

     .index_page .list-group-item.active {
       color: #000000;
     }

     .index_page #list-tab .list-group-item {
       color: #000000;
       font-size: 12px;
     }

     .index_page #list-tab .list-group-item.active {
       border-bottom: 2px solid #7A126B;
     }

     .index_page .tab-content {
       margin-left: 0px !important;
       margin-top: 0px !important;
       margin-right: 0px !important;
       padding-left: 0px !important;
       padding-right: 0px !important;
     }

     .sidebar {
       padding-left: 0px !important;
     }

     .nav-link {
       font-size: 1rem !important;
       color: #333 !important;
       padding: 10px 0px;
     }

     .navbar-nav .nav-item {
       border-bottom: 2px solid #9b9b9b;
       margin-left: 20px;
       margin-right: 20px;
     }

     .navbar-nav .nav-item:first-child {
       border-top: 2px solid #9b9b9b;
     }

     #navbarCloseBtn {
       position: absolute;
       top: 20px;
       right: 20px;
       z-index: 10001;
     }

     .navbar .logo {
       /* margin-left: -10px; */
     }

     .content {
       padding: 30px !important;
       width: 100%;
     }

     .col-md-4 {
       width: 100%;
       padding: 0;
     }

     .userGuide .sidebar.collapsed {
       transform: translateX(-100%);
     }

     .userGuide .sidebar {
       position: fixed;
       top: 0;
       left: 0;
       width: 80%;
       height: 100vh;
       z-index: 1000;
       box-shadow: 2px 0 10px rgba(0, 0, 0, 0.1);
       background: #fff;
       overflow-y: auto;
       transition: transform 0.3s ease;
     }

     .userGuide .content-body {
       width: 100%;
       margin: auto;
     }

     .userGuide .ldfm-header-actions {
       justify-content: space-between;
       padding: 0px;
       border: none;
     }

     .userGuide .sidebar .list-group-item {
       color: #000000;
     }

     .userGuide .sidebar h5 {
       color: #000000;
     }

     .userGuide .displaynone {
       display: block !important;
     }

     .userGuide .btn-close-sidebar {
       position: absolute;
       top: 5px;
       right: 0px;
       z-index: 1101;
       background: none;
       border: none;
       color: #333;
       box-shadow: none;
       padding: 0.2rem 0.4rem;
     }

     .userGuide .list-group-item.active {
       color: #000000 !important;
     }

     .userGuide .btn-outline-secondary {
       padding: 0;
     }

     .d-md-992-none {
       display: block !important;
     }

     .d-max-991-border-top {
       border-top: var(--bs-border-width) var(--bs-border-style) var(--bs-border-color) !important;
     }

     .ldfm-header-bar {
       padding-bottom: 5px;
       padding-top: 5px;
     }

     .index_page #list-tab {
       display: flex;
       flex-direction: row;
       overflow-x: auto;
       white-space: nowrap;
       width: 100%;
       /* padding: 0 10px 10px 10px; */
       border-bottom: 2px solid #9b9b9b;
       background: #fff;
       margin-bottom: 2rem;
       scrollbar-width: none;
       border-radius: unset;
       margin-top: 0px !important;
     }

     .index_page .s2-wrapper {
       padding-top: 0;
       padding-bottom: 0;
     }

     .fs-2 {
       font-size: 1rem !important;
     }

     .fs-4 {
       font-size: .875rem !important;
     }

     .userGuide .content-section h2 {
       font-size: 1rem !important;
     }

     .content-section p {
       font-size: .75rem !important;
       margin-bottom: 1rem;
     }

     .userGuide .content-section h3,
     .userGuide .content-section h5 {
       font-size: .875rem;
     }

     .index_page #list-tab .list-group-item {
       font-size: 0.75rem !important;
     }

     .index_page .bg-container #list-tab .list-group-item {
       padding: 20px 20px 20px 20px !important;
       margin: 0px;
       text-align: center;
     }

     .index_page .bg-container #list-tab .list-group-item:nth-child(1) {
       padding-left: 30px !important;
     }

     .index_page .bg-container #list-tab .list-group-item:last-child {
       padding-right: 30px !important;
     }
   }

   @media (max-width: 767px) {
     .banner .bg {
       height: 40vh;
     }

     .banner .banner-text .banner-text__wrapper {
       padding-top: 50px;
     }

     .banner .bg img {
       width: 100%;
       height: 100%;
       object-fit: cover;
     }

     .banner .banner-text .title {
       font-size: 24px;
       margin-bottom: 20px;
     }

     .banner .banner-text .desc {
       font-size: 14px;
       margin-bottom: 10px;
     }

     .banner .banner-text .banner-btn {
       font-size: 14px;
       margin-left: -20px;
       padding-left: 20px;
       padding-top: 10px;
       padding-bottom: 10px;
     }

     .banner .banner-text .banner-text__wrapper {
       width: 100%;
     }

     .index_page .s2 .s2-left {
       padding-left: 0px !important;
     }

     .index_page .s2 .s2-right {
       padding-right: 10px !important;
       padding-left: 10px !important;
     }

     .index_page .bg-container #list-tab .list-group-item {
       padding: 15px 10px !important;
     }

     .index_page #list-tab {
       margin-bottom: 0.8rem;
     }

     .index_page .bg-container #list-tab .list-group-item:nth-child(1) {
       padding-left: 10px !important;
     }

     .index_page .bg-container #list-tab .list-group-item:last-child {
       padding-right: 10px !important;
     }
   }

   @media (max-width: 480px) {
     header .navbar {
       margin: 0px;
     }

     .content {
       padding: 20px !important;
     }

     .container {
       padding: 0 20px;
     }

     .btn-video {
       font-size: 0.75rem;
       padding: 5px 15px 5px 30px;
       min-height: 30px;
     }

     .btn-video::before {
       content: "";
       width: 20px;
       height: 20px;
       left: 6px;
     }

     .btn-primary {
       padding: 5px 15px;
     }
   }