.topic-summary {
    background-color: rgb(230, 243, 239);
    border-left: 5px solid rgb(65, 131, 105);
    padding: 15px 20px;
    margin: 2% 0;
    border-radius: 5px;
}

.list-term1{
    margin: 2% 0;
    padding: 1rem;
    background-color: rgb(170, 213, 200);
    border-radius: 5px;
}

.list-term2 {
    margin: 2% 0;
    padding: 1rem;
    background-color: rgb(232, 243, 237);
    border-radius: 5px;
}
.list-term2 ul {
    list-style-type: none;
}

.list-term3 {
    background-color: rgb(170, 213, 200);
    padding: 1rem;
    margin: 2% 0;
    border-radius: 5px;
    overflow-x: auto;
    scrollbar-color: rgb(139, 184, 170) rgb(219, 240, 234);
    scrollbar-width: thin;
}

.term-container {
    display: flex;
    flex-wrap: nowrap;
    gap: 10px;
    overflow-x: auto;
    padding: 0.5rem 0;
    justify-content: center;
    font-weight: 400;
}

.term {
    background-color: rgb(190, 231, 218);
    padding: 0.5rem 1rem;
    border-radius: 20px;
    font-weight: 500;
    white-space: nowrap;
}

.converter-container {
    background-color: rgb(232, 243, 237);
    border: 1px solid rgb(185, 207, 195);
    border-radius: 5px;
    padding: 10px;
    display: flex;
    align-items: center;
    gap: 10px;
    box-shadow: 0 0 0.2rem 0.2rem rgba(67, 218, 190, 0.2);
    margin: 0 auto 20px auto;
}

.converter-container .input-group-text {
    background-color: rgb(217, 230, 222);
    font-weight: 600;
    font-size: 1rem;
}

.converter-container input.form-control {
    border: none;
    background-color: rgb(245, 253, 248);
    font-size: 1rem;
    font-weight: 400;
    padding: 6px 10px;
}

.converter-container input.form-control:focus {
    outline: none;
    box-shadow: 0 0 0 0.2rem rgba(166, 200, 186, 0.4);
}

.custom-table1 {
    box-shadow: 5px 5px 5px rgba(25, 164, 136, 0.2);
    border-spacing: 0;
    border-radius: 5px;
}

.custom-table1 thead th {
    background-color: rgb(151, 202, 187);
    border: none;
}
.custom-table1 tbody td {
    background-color: rgb(236, 247, 243);
    border: none;
    font-weight: 400;
}
