/* 0003 GRID  CSS START */
.grid02-1 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49.5% 49.5%;
    gap: 1%; 
}

.grid02-2 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49.5% 49.5%;
    gap: 1%; 
}


.grid03 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 33% 33% 33%;
    gap: 1%; 
}
.grid03-1 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 33% 33% 33%;
    gap: 1%; 
}

.grid04 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 24.25% 24.25% 24.26% 24.25%;
    gap: 1%; 
}

.grid04-1 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 24.25% 24.25% 24.26% 24.25%;
    gap: 1%; 
}


.grid04-2 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 24.25% 24.25% 24.26% 24.25%;
    gap: 1%; 
}

.grid06 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 15.83% 15.83% 15.83% 15.83% 15.83% 15.83%;
    gap: 1%; 
}
.grid07 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid08 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid09 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 49% 49%;
    gap: 2%; 
}
.grid10 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 19% 19% 19% 19% 19% 19% 19% 19% 19% 19%;
    gap: 2%; 
} 

.grid12 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns: 100%;
    gap: 0%; 
}


.grid40-60 {
    display: grid;
    grid-template-rows: auto;
    grid-template-columns:39.5% 59.5% ;
    gap: 1%; 
}
/* 0003 GRID  CSS END */