.tabs-container,
 .tabs-container * {
   box-sizing: border-box;
 }
 .tabs-container {
   position: relative;
   width: 100%;
   height: auto;
   padding: 0;
   background: #fff;
   /* box-shadow: 0 5px 50px -8px rgba(0, 0, 0, 1); */
   border-radius: 10px;
 }
 .tabs-container .tab-heading .icon i {
   font-size: 25px;
 }
 .tabs-container .tab-heading-container {
   background-image: url('/frontend/images/bg-tab-dentrang.jpg'); 
   background-position: center;
   background-size: cover;
   margin: 0;
   border-top-left-radius: 10px;
   border-top-right-radius: 10px;
   overflow: hidden;
   position: relative;
   padding-left: 0;
   padding-right: 0;
}
.tabs-container .tab-heading-container::before {
   content:'';
   background: #000;
   position: absolute;
   top: 0;
   left: 0;
   right: 0;
   bottom: 0;
   opacity: 0.55;  
   z-index: 1;
}
.tabs-container .tab-heading-container .tab-heading-item {
   display: flex;
   position: relative;
   z-index: 2;
   width: 100%;
}
 .tabs-container .tab-heading {
   padding: 20px 0px 10px;
   cursor: pointer;
   color: #fff;
   display: flex;
   align-items: center;
   flex-direction: column;
   text-transform: uppercase;
   gap: 4px;
   justify-content: center;
   position: relative;
   white-space: nowrap;

   -ms-flex: 0 0 33.33333%;
   flex: 0 0 33.33333%;
   max-width: 33.33333%;
 }
 .tab-content-wrapper {
   position: relative;
 }
.tab-content-col-1,
.tab-content-col-2 {
   width: 100%;
}
.tab-content-col-1 {
   margin-bottom: 15px;
}
.tab-content-col-1 h1 {
   margin-bottom: 10px;
}
.tab-content-col-1 p {
   line-height: 1.6;
   text-align: justify;
}
 .tabs-container
   .tab-radio:nth-child(1):checked
   ~ .tab-heading-container
   .tab-heading:nth-child(1)::after,
   .tabs-container
   .tab-radio:nth-child(2):checked
   ~ .tab-heading-container
   .tab-heading:nth-child(2)::after,
   .tabs-container
   .tab-radio:nth-child(3):checked
   ~ .tab-heading-container
   .tab-heading:nth-child(3)::after
    {
      content: '';
      position: absolute;
      height: 3px;
      width: 50%;
      bottom: 1px;
      left: 50%;
      transform: translateX(-50%);
      background: #fff;
 }
 .tabs-container .tab-content {
   display: none;
 }
 .tabs-container .tab-radio {
   display: none;
 }
 .tabs-container
 .tab-radio:nth-child(1):checked
 ~ .tab-content-container
 .tab-content:nth-child(1) {
 display: block;
}

.tabs-container
 .tab-radio:nth-child(2):checked
 ~ .tab-content-container
 .tab-content:nth-child(2) {
 display: block;
}

.tabs-container
 .tab-radio:nth-child(3):checked
 ~ .tab-content-container
 .tab-content:nth-child(3) {
 display: block;
}
.tab-content-container {
   padding: 20px 15px;
}