/* Base container as a Grid */
.row4-tabs-container {
  display: flex;
  flex-wrap: wrap;
}

/* Hide the radio buttons */
input[name="row4-tabs"] { display: none; }

/* Desktop Titles - Force into the first column */
.row4-tab-title {
  order: 1;            /* Titles stay at the top */
  width: 25%;        
  justify-content: center;
  cursor: pointer;
  padding: 8px 8px 8px 8px;
  display: flex;
  align-items: center;
}

.row4-tab-title01 {
   background: #e6e7e8; 
   border-radius: 30px 0px 0px 30px; 
   color:#008c44;
}


.row4-tab-title02{
   background: #e6e7e8; 
   border-radius: 0px 0px 0px 0px; 
   color:#1998d5;
}

.row4-tab-title03 {
   background: #e6e7e8; 
   border-radius: 0px 0px 0px 0px; 
   color: #da213e;
}

.row4-tab-title04 {
   background: #e6e7e8; 
   border-radius: 0px 30px 30px 0px; 
   color: #f36c20;
}

.row4-tab-title span{ 
    font-size: 20px;
    font-weight: 700;
    width: 100%;
    text-align: center;
    border-radius: 30px 30px; 
}

/*seperator */
.row4-tab-title01::after, .row4-tab-title02::after,.row4-tab-title03::after {
  content: "";       
  position: inherit;
  top: 0;
  bottom: 0;          /* Aligns to the bottom of the tab */
  width: 2px;
  height: 70%;        /* The "thickness" of your border */
  background-color: #999999; /* Color of your border */
  border-radius: 1px;
}

.row4-tab-content {
  order: 2;            /* Content stays at the bottom */
  width: 100%;         /* Full width */
  display: none;       /* Hidden by default */
  padding: 20px;
}

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

/* Optional: highlight active title */
input[name="row4-tabs"]:checked + .row4-tab-title {
  background: #e6e7e8;
  color: white;
}

input[name="row4-tabs"]:checked + .row4-tab-title01 span{    background: #008c44; }
input[name="row4-tabs"]:checked + .row4-tab-title02 span{    background: #1998d5; }
input[name="row4-tabs"]:checked + .row4-tab-title03 span{    background: #da213e; }
input[name="row4-tabs"]:checked + .row4-tab-title04 span{    background: #f36c20; }

.row4-tab-content .left{
    background-color:#f2f1ddcc ;
    
}

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

.row4-tab-content .left p.title {
    font-size: 26px;
    font-weight: 700;
}

.row4-tab-content .left p.subtitle {
    font-size: 22px;
    font-weight: 400;
}

.row-04-bg .property-no{
    font-family: "DINPro-Black";
    font-size: 180px;
    font-weight: 600;
    line-height: 1;
    text-align: center;
}

.row-04-bg .property-no-label{
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
}

.row-04-bg .total-property-label{
    font-size: 18px;
    font-weight: bold;
    padding-left: 10px;
    margin-top: -10px;
}

.row-04-bg #row4-content-01 .property-no, .row-04-bg #row4-content-02 .property-no, .row-04-bg #row4-content-03 .property-no,
.row-04-bg #row4-content-04 .property-no {
    color: #414042;
}


.row-04-bg #row4-content-01 .property-no-label, .row-04-bg #row4-content-01 .total-property-label{
    color: #414042;
}

.row-04-bg #row4-content-02 .property-no-label, .row-04-bg #row4-content-02 .total-property-label{
    color: #414042;
}

.row-04-bg #row4-content-03 .property-no-label, .row-04-bg #row4-content-03 .total-property-label{
    color: #414042;
}

.row-04-bg #row4-content-04 .property-no-label, .row-04-bg #row4-content-04 .total-property-label{
    color: #414042;
}

#row4_cr_01 .ezm-header-inner, #row4_cr_02 .ezm-header-inner, #row4_cr_03 .ezm-header-inner, #row4_cr_04 .ezm-header-inner {
    background-color: #008c44;
}

#row4_nr_01 .ezm-header-inner, #row4_nr_02 .ezm-header-inner {
    background-color: #1998d5;
}

#row4_ec_01 .ezm-header-inner, #row4_ec_02 .ezm-header-inner {
    background-color: #da213e;
}

#row4_sr_01 .ezm-header-inner, #row4_sr_02 .ezm-header-inner, #row4_sr_03 .ezm-header-inner, #row4_sr_04 .ezm-header-inner {
    background-color: #f36c20;
}


.row-04-bg .property-list{
    gap: 10px 10px;
    padding-left: 10px;
}

.row-04-bg .property-list .p-tyle {
    display: block;
    border: 1px solid #eeeeee;
    border-radius: 40px 40px;
    background-color: #e6e7e8;
    padding: 5px 5px;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 22px;
    color: #000;
} 
.row-04-bg .property-list .p-tyle img{
    height: 40px;
} 

.row-04-bg .property-list .p-no {
    width: 50px;
    height: 50px;
    background-color: #ffffff;
    display: flex;
    justify-content: center;
    align-items: center;
    border: 1px solid #eeeeee;
    box-shadow: 4px 4px 8px rgba(0, 0, 0, 0.2);
    font-size: 28px;
    color: #0066b3;
    font-weight: bold;
}


#row4_cr_01 .property-value, #row4_cr_02 .property-value, #row4_cr_03 .property-value, #row4_cr_04 .property-value, #row4_cr_05 .property-value {
    color:#008c44;
}

.property-value .ezc-prefix{
  font-size: 22px;
  font-weight: 700;
}
.property-value .ezc-number{
  font-size: 40px;
  font-weight: 700;
}
.property-value .ezc-suffix{
  font-size: 15px;
  font-weight: 700;
}


@media (max-width: 1025px) {
    .row4-tabs-container {
        flex-direction: row;   /* Set to row */
        flex-wrap: wrap;       /* Allows content to wrap to the next line */
    }

    .row4-tab-title {
        width: 100%;        
        justify-content: start;
    }

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

    .row4-tab-content {
        order: 99;            /* Forces content to always sit below the tabs */
        flex: 0 0 100%;       /* Forces content to take up the full width row */
    }

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


    .row4-tab-title01 {
       border-radius: 30px 30px 0px 0px; 
       color:#008c44;
    }

    .row4-tab-title02{
       border-radius: 0px 0px 0px 0px; 
       color:#1998d5;
    }

    .row4-tab-title03 {
       border-radius: 0px 0px 0px 0px; 
       color: #da213e;
    }

    .row4-tab-title04 {
       border-radius: 0px 0px 30px 30px; 
       color: #f36c20;
    }

    .row4-tab-title01::after, .row4-tab-title02::after,.row4-tab-title03::after {
        display: none;
    }

    .row4-tab-content {
      padding: 20px 0px 20px 0px;
    }



    .row-04-bg .property-list{
        gap: 5px 5px;
        padding-left: 5px;
    }

    .row-04-bg .property-list .p-tyle {
        border-radius: 30px 30px;
        background-color: #e6e7e8;
        padding: 5px 5px;
        font-size: 20px;
        color: #000;
    } 

}




/*  new accordion */
.row4-acc .accordion-button {
    color:#ffffff;
    padding: 15px 20px 15px 20px ;
    margin-top: 2px;
    font-weight: 900;
    text-transform: uppercase;
}
.row4-acc .accordion-button:focus{
    border:none;
    box-shadow: none;
}
.row4-acc .accordion-button::after {
    font-size: 20px;
}

.row4-acc .accordion-button-01 {
    background: #008c4455;
    color: #008c44;
}
.row4-acc .accordion-button-02 {
    background: #1998d555;
    color: #1998d5;
}
.row4-acc .accordion-button-03 {
    background: #da213e55;
    color: #da213e;
}
.row4-acc .accordion-button-04 {
    background: #f36c2055;
    color: #f36c20;
}

.row4-acc .accordion-item {
    background-color: transparent;
    border: none;
}

.row4-acc .p-no {
    display: none!important;
}


.row4-acc .accordion-body .icon {
    border-radius: 999px 999px;
    width:40px;
    height:40px; 
    padding: 10px 10px;  
    display: flex;
    align-items: center;
    justify-content: center;
    flex-shrink: 0;
}

.row4-acc .accordion-body .icon img{
    width:25px;
    height:25px;
    object-fit: contain;
    object-position: center center;
}

.row4-acc #row4-content-01.accordion-body .icon {
    background-color: #008c44;
}
.row4-acc #row4-content-02.accordion-body .icon {
    background-color: #1998d5;
}

.row4-acc #row4-content-03.accordion-body .icon {
    background-color: #da213e;
}

.row4-acc #row4-content-04.accordion-body .icon {
    background-color: #f36c20;
}