/* Custom CSS for colorful tabs */
h3{

padding:5px;

}

h1{
color:#007DA2;
padding:5px;

}

.custom-tabs .nav-tabs .nav-item {
    background-color: #00B9F2; /* Tab background color */
    margin: 0px;
    font-size:24px;
    width:auto;
    background-position:center;
    border-radius: 10px 10px 0 0; /* Curved top corners */
}
/* Custom CSS for colorful tabs */
.custom-tabs .nav-tabs   {
     
   margin-left: 20px;
  padding-top:5px !important;
     
}

.custom-tabs .nav-tabs .nav-link {
    color: #ffffff; /* Tab text color */
    border: none;
    padding: 10px 20px; /* Adjusted padding */
    margin-right: 5px; /* Adjust spacing between tabs */
}

.custom-tabs .nav-tabs .nav-link:hover,
.custom-tabs .nav-tabs .nav-link:focus {
    background-color: #00B9F2; /* Tab background color on hover/focus */
    color: #ffffff;
}

.custom-tabs .nav-tabs .nav-link.active {
    background-color: #00B9F2; /* Active tab background color */
    color: #ffffff;
}

.custom-tabs .nav-tabs {
    margin-bottom: 0; /* Remove bottom margin */
}

.custom-tabs .nav-tabs .nav-item {
    margin: 0; /* Remove margins */
}

.custom-tabs .nav-tabs .nav-link {
    padding: 10px 15px; /* Adjust padding */
}

/* Custom CSS for colorful tabs */
.custom-tabs .nav-tabs {
    border-bottom: 1px solid #ccc; /* Light border for tabs */
}

.custom-tabs .nav-tabs .nav-item {
    background-color: #00B9F2; /* Tab background color */
    margin: 0;
    border-radius: 10px 10px 0 0; /* Curved top corners */
}

.custom-tabs .nav-tabs .nav-link {
    color: #ffffff; /* Tab text color */
    border: none;
    padding: 10px 20px; /* Adjusted padding */
    margin-right: 5px; /* Adjust spacing between tabs */
}

.custom-tabs .nav-tabs .nav-link:hover,
.custom-tabs .nav-tabs .nav-link:focus {
    background-color: #239B61; /* Tab background color on hover/focus */
    color: #ffffff;
}

.custom-tabs .nav-tabs .nav-link.active {
    background-color: #239B61; /* Active tab background color */
    color: #ffffff;
}

.custom-tabs .tab-content {
    border: 1px solid #ccc; /* Light border for tab content */
    border-radius: 0 0 10px 10px; /* Curved bottom corners */
    padding: 15px;
}

/* Example Beautiful Button CSS */
.btn-custom {
    display: inline-block;
    padding: 10px 20px !important;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
    border-radius: 5px;
    color: #ffffff;
    background: linear-gradient(to bottom, #4CAF50 0%, #2E8B57 100%);
    border: 1px solid #2E8B57;
    box-shadow: 0px 4px 6px rgba(0, 0, 0, 0.1);
    transition: all 0.3s ease;
}

.btn-custom:hover {
    background: linear-gradient(to bottom, #2E8B57 0%, #4CAF50 100%);
    border: 1px solid #4CAF50;
    box-shadow: 0px 6px 8px rgba(0, 0, 0, 0.2);
}

.btn-custom:active {
    transform: translateY(1px);
    box-shadow: 0px 2px 4px rgba(0, 0, 0, 0.1);
}