.custom-tabs-container {
    max-width: 1200px;
    margin: 20px auto;
    font-family: Arial, sans-serif;
}

.tab-nav {
    list-style: none;
    padding: 0;
    display: flex;
    background: #f0f6f8; /* Light background to complement #7db7c5 */
    border-radius: 5px;
    overflow: hidden;
    border: 1px solid #7db7c5; /* Theme color border */
}
/* Mobile view: Stack items vertically */
@media (max-width: 768px) { /* Adjust breakpoint as needed */
    .tab-nav {
        display: block; /* Stacks items vertically on mobile */
    }
}
.tab-item {
    padding: 12px 20px;
    cursor: pointer;
    color: #4a8291; /* Darker shade of theme color for text */
    transition: all 0.3s ease;
    flex: 1;
    text-align: center;
}

.tab-item:hover {
    background: #d1e3e8; /* Lighter hover state based on theme color */
}

.tab-item.active {
    background: #7db7c5; /* Theme color for active tab */
    color: #ffffff; /* White text for contrast */
    font-weight: bold;
}
.protfolio_img{
	width:300px !important;
	height:175px !important;
	object-fit: cover;
    object-position: center;
}
.bodily_img{
	width:300px !important;
	height:400px !important;
	object-fit: cover;
    object-position: center;
}
.portfolio_section_img{
    width: 390px !important;
    height: 260px !important;
	object-fit: cover;
    object-position: center;
}