.grid-wrapper {
    display: grid;
    grid-gap: 20px;
    background: #054166;
    padding: 20px;
    border-radius: 10px;
}

.table-wrapper {
    background: #054166;
    padding: 20px;
    border-radius: 10px;
}

.section-main-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
}

.left-indent {
    padding-left: 20px;
}

.dynamic-table-section-layout {
    display: flex;
    flex-direction: column;
    gap: 20px;
    background: #054166;
    padding: 20px;
    border-radius: 10px;
}

.sticky-header {
    position: sticky;
    top: 64px; /* Height of header */
    background: #054166;
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.1);
    z-index: 1;
    border-radius: 10px;
}

.two-column-table {
    grid-template-columns: 6fr 6fr;
}

.two-column-table-8-4 {
    grid-template-columns: 8fr 4fr;
}

.two-column-table-4-8 {
    grid-template-columns: 4fr 8fr;
}

.three-column-table {
    grid-template-columns: 4fr 4fr 4fr;
}

.three-column-table-8-2-2 {
    grid-template-columns: 8fr 2fr 2fr;
}

.four-column-table {
    grid-template-columns: 3fr 3fr 3fr 3fr;
}

.four-column-table-6-2-2-2 {
    grid-template-columns: 6fr 2fr 2fr 2fr;
}

.six-column-table {
    grid-template-columns: repeat(6, 2fr);
}

.seven-column-table {
    padding-top: 20px;
    grid-template-columns: repeat(7, 1fr);
    grid-gap: 10px;
    display: grid;
    padding: 15px;
}

.main-esg-form {
    margin: 2% 8% 5% 8%;
}

.esg-table-add-button {
    background: #4CAF50 !important;
    margin-right: 20px !important;
}

.toc-icon-second {
    color: rgb(140 186 238);
    padding-left: 15px;
}

.toc-icon-second:hover {
    text-decoration: underline;
    cursor: pointer;
}

.esg-calendar-text-font {
    width: 100% !important;
    padding: 10px 0px 10px 0px !important;
}

.esg-calendar-main {
    display: flex;
    flex-wrap: wrap;
    align-items: center;
    justify-content: space-between;
}

.esg-calendar-main-font {
    font-size: 20px;
}

.esg-circular-progress {
    position: relative;
    width: 100px;
    height: 100px;
    border-radius: 50%;
    linearGradient: "red";
    background: conic-gradient(from 0deg, #00a8ae, #b7e588);
    animation: rotate 2s linear infinite;
}

/* Economic Performance Start */

.section_201_1_table {
    grid-template-columns: 4fr 8fr;
}

.section_201_4_table {
    grid-template-columns: 8fr 4fr;
}

.section_201_4_table_2 {
    grid-template-columns: 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr 1fr;
}

/* Economic Performance End */

.section_415_1_table {
    grid-template-columns: 2fr 2fr 2fr 6fr
}

/* 416 */
.row-wrapper-416 {
    display: grid;
    grid-gap: 20px;
    background: #054166;
    padding: 10px 20px 10px 20px;
}

.disclosure-2-7-second-table {
    grid-template-columns: 2.25fr 2.25fr 1.5fr 1.5fr 1.5fr 1.5fr 1.5fr
}

.list-style-none {
    list-style: none;
}

.scroll-to-top {
    position: fixed !important;
    right: 20px;
    bottom: 20px;
    background: linear-gradient(88.49deg, #00A8AE -18.62%, #B7E588 81.39%);
    box-shadow: 0 4px 8px rgba(0, 0, 0, 0.2);
}