body, html {
height: 100%;
margin: 0;
}
#imagePopup {
display: none;
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 100%;
background-color: rgba(0, 0, 0, 0.8); /* Adjust the transparency as needed */
justify-content: center;
align-items: center;
}
#popupImage {
max-width: 90%;
max-height: 90%;
}
.tab-button {
background-color: #f1f1f1;
border: none;
padding: 10px 78px;
cursor: pointer;
transition: background-color 0.3s ease;
}

.tab-button:hover {
background-color: #ddd;
}

.active {
background-color: #ccc;
}

.tab-content {
display: none;
padding: 20px;
}

.active-content {
display: block;
}
.vict {
max-width: 100%;
border: 1px solid #eee;
border-bottom: 2px solid #ddd;
width: 100%;
margin: 22px 0;
border-spacing: 0;
}
td:hover, .vict td:hover {
background: #f9f9f9;
}
.vict-big td {
border: 1px solid #dddddd52;
text-align: left;
padding: 6px;
}


/* Responsive styles */
@media screen and (max-width: 768px) {
.tab-button {
background-color: #f1f1f1;
border: none;
padding: 10px;
cursor: pointer;
transition: background-color 0.3s ease;
width: 100%; /* Full width by default */
box-sizing: border-box;
margin-bottom: 10px;
text-align: center;
}

}   
.hidden-arrows::-webkit-outer-spin-button,
.hidden-arrows::-webkit-inner-spin-button {
-webkit-appearance: none;
margin: 0;
}
.hidden-arrows {
-moz-appearance: textfield;
} 
.why_choose, h2.seven, h3, h2 {
font-size: 17px;
font-weight: 700;
position: relative;
color: #2c4964;
}
@media screen and (max-width: 768px) {
.short-img ul {

/* Your mobile-specific styles for ul inside elements with class "short-img" */
}

.short-img ul li {
width:265px;
text-align:justify;
font-size:16px;
/* Your mobile-specific styles for li inside ul elements with class "short-img" */
}
}
.mbl-img{
margin-left:25px;min-height:430px!important;max-height:430px!important;max-width:320px!important;min-width:320px!important;
}
.mbl-div{
margin-left:-66px;min-height:630px;max-height:630px;max-width:320px;min-width:320px; 
}
.desk-img{
min-height: 615px !important;max-height: 615px !important;max-width: 500px !important; min-width: 500px !important;  
}
.desk-div{
margin-left:-66px;min-height:550px;margin-bottom:10px;max-width:200px; 
}

/* Define CSS styles for the odd and even columns */
.record-list .hidden {
display: none;
}
.odd-column {
background-color: #f2f2f2; /* Light color for odd columns */
}

.even-column {
background-color: #ffffff; /* White color for even columns */
}