.row-06-bg .sub-title{

    font-size: 22px;
    font-weight: 700;
}




/* Base container as a Grid */
.tabs-container {
  display: grid;
  grid-template-columns: 80px 1fr; /* Left sidebar: 200px, Right: remaining space */
  gap: 10px 0px;
}

/* Hide the radio buttons */
input[type="radio"] { display: none; }

/* Desktop Titles - Force into the first column */
.tab-title {
  grid-column: 1;
  cursor: pointer;
  padding: 15px;
  background: #929496;
  border-bottom: 1px solid #929496;
  width: 80px;
  height: 80px;
  border-radius: 15px 0px 0px 15px;
}

.tab-title span{ display: none; }

/* Desktop Content - Force into the second column and row 1 */
/* This stacks all content divs on top of each other in the right column */
.tab-content {
  grid-column: 2;
  grid-row: 1 / span 10; /* Span across all possible rows */
  display: none; /* Hidden by default */
  padding: 0px 0px;
  border: 0px solid #ccc;
}

/* Show content when radio is checked */
input[type="radio"]:checked + .tab-title + .tab-content {
  display: block;
}

/* Optional: highlight active title */
input[type="radio"]:checked + .tab-title {
  background: #007bff;
  color: white;
}

input[type="radio"]:checked + .tab-title01 {    background: #0071BB; }
input[type="radio"]:checked + .tab-title02 {    background: #00aeef; }
input[type="radio"]:checked + .tab-title03 {    background: #ffc40d; }
input[type="radio"]:checked + .tab-title04 {    background: #ef402b; }
input[type="radio"]:checked + .tab-title05 {    background: #00a3b7; }
input[type="radio"]:checked + .tab-title06 {    background: #40ae49; }


.tab-content .left{
    background-color:#f2f1ddcc ;
    min-height: 620px;
    
}

.tab-content .left .big-image {
    padding-left: 50px;
    padding-bottom: 50px;
}

.tab-content .left p.title {
    font-size: 25px;
    font-weight: 700;
    line-height: 1.2em;
}

.tab-content .left p.subtitle {
    font-size: 21px;
    font-weight: 400;
    line-height: 1.3em;
}






/*   accordion section  */

/* Change default Bootstrap chevron to +/- icons */
.accordion-button::after {
  content: '+'; /* Plus icon when closed */
  background-image: none;
  font-size: 1.5rem;
  font-weight: bold;
  transform: none !important;
}

.accordion-button:not(.collapsed)::after {
  content: '−'; /* Minus icon when open */
  background-image: none;
}

/* Optional: Round the corners like in your image */
.accordion-item, .accordion-button {
  border-radius: 10px !important;
}

.accordion-button:not(.collapsed) {
    pointer-events: none;
    cursor: default;
}



.row6-acc .accordion-button  {
  padding: 8px 20px 8px 20px;
  border-radius: 30px 30px!important ;
  color:#ffffff;
  text-transform: uppercase;
}

.row6-acc .accordion-button::after  {
  margin-top:-10px;
}

.row6-acc .accordion-item-01 .accordion-button {
  background-color:#0071BB;
}

.row6-acc .accordion-item-02 .accordion-button {
  background-color: #007d42;
}

.row6-acc  .accordion-item  {
  background-color: transparent!important;
  border: none;
  margin-bottom: 10px;
}
.row6-acc .accordion-body{
  padding-top: 0px;
  display: flex;
  justify-content: center;

}
.row6-acc .accordion-body .ez-content{ 
  min-width: 680px;
  max-width: 680px;
  padding-top: 10px;
  padding-bottom: 10px;
}

.row6-acc .accordion-body .ez-content ul > li {
  color:#ffffff;
}

.row6-acc .accordion-item-01 .accordion-body .ez-content{ 
  background-color: #5a9bbccc;
}  

.row6-acc .accordion-item-02 .accordion-body .ez-content{ 
  background-color: #09874ccc;
}  



@media (max-width: 1024px) {
  .tabs-container {
    display: block; /* Switch from grid to block stack */
  }

  .tab-title {
    display: block;
    width: 100%;
    margin-top: 5px;
    border-radius: 15px 15px 15px 15px;
    font-size: 18px;
    line-height: 1.2em;
  }
  .tab-title span{
    padding-top: 5px;
    padding-bottom: 5px;
  }

  .tab-title img{
    height: 40px; 
    width: 40px; 
  }

  .tab-title span{ display: block; color: #ffffff; }

  .tab-content {
    display: none; /* Keep hidden until title is clicked */
    width: 100%;
    border-top: none;
  }

  /* Show content directly below title in mobile */
  input[type="radio"]:checked + .tab-title + .tab-content {
    display: block;
  }

  .tab-content .left .big-image {
      height: 100px!important;
      text-align: end;
  }

  .tab-content .left .big-image img{
      height: 100px!important;
  }

  .tab-content .left {
    min-height: auto!important;
    padding-bottom: 20px;
  }

  .row6-acc .accordion-body .ez-content{
    min-width: 100%;
    max-width: 100%;
  }

  .row6-acc {
    padding-top: 30px;
  }

  .tab-title {
    padding-top: 10px;
    padding-bottom: 10px;
    height: 50px;
  }

  .tab-title img {
    height: 30px; 
    width: 30px;   
  }

  .row6-acc .accordion-button  {
    padding: 8px 20px 8px 20px;
    border-radius: 20px 20px!important ;
    color:#ffffff;
    text-transform: uppercase;
    font-size: 18px;
  }

  .row6-acc .accordion-button::after  {
    margin-top:-15px;
    margin-right: -5px;
  }

  .row6-acc  .ez-content {
    font-size: 18px;
    padding-right: 15px;
  }

  .tab-content .left p.subtitle {
    font-size: 20px;
    line-height: 1.3em;
  }


}