@import url("../../Font/Axiata/stylesheet.css");

.MuiBox-root, .MuiContainer-root {
    scroll-margin-top: 100px;
    scroll-padding-top: 100px
}

.mui-style-7qqk20 {
    background-color: rgba(8, 142, 117, 1);
    color: rgba(255, 255, 255, 1);
}

@media (min-width: 0px) {
    .mui-style-1b2juyj {
        -webkit-align-items: flex-start;
        -webkit-box-align: flex-start;
        -ms-flex-align: flex-start;
        align-items: flex-start !important;
    }
}

@media (min-width: 1200px) {
    .mui-style-1b2juyj {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center !important;
    }
}

.mui-style-1b2juyj {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 0px) {
    .mui-style-1b2juyj {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .mui-style-1b2juyj > :not(style):not(style) {
            margin: 0;
        }

        .mui-style-1b2juyj > :not(style) ~ :not(style) {
            margin-top: 15px;
        }
}

@media (min-width: 1200px) {
    .mui-style-1b2juyj {
        -webkit-flex-direction: row;
        -ms-flex-direction: row;
        flex-direction: row;
    }

        .mui-style-1b2juyj > :not(style):not(style) {
            margin: 0;
        }

        .mui-style-1b2juyj > :not(style) ~ :not(style) {
            margin-left: 39px;
        }
}

@media (min-width: 0px) {
    .mui-style-1b2juyj {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

@media (min-width: 1200px) {
    .mui-style-1b2juyj {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}
@media (min-width: 0px) {
    .mui-style-7qqk20 {
        padding-top: 40px;
        padding-bottom: 40px;
    }
}

@media (min-width: 600px) {
    .mui-style-7qqk20 {
        padding-top: 21px;
        padding-bottom: 31px;
    }
}

.MuiBox-root, .MuiContainer-root {
    scroll-margin-top: 100px;
    scroll-padding-top: 100px
}

.mui-style-xeywc6 {
    width: 100%;
    margin-left: auto;
    box-sizing: border-box;
    margin-right: auto;
    display: block;
    padding-left: 8px;
    padding-right: 8px;
}

@media (min-width: 600px) {
    .mui-style-xeywc6 {
        padding-left: 12px;
        padding-right: 12px;
    }
}

@media (min-width: 1200px) {
    .mui-style-xeywc6 {
        max-width: 1200px;
    }
}

@media (max-width: 599.95px) {
    .mui-style-xeywc6 {
        padding-left: 16px;
        padding-right: 16px;
    }
}

@media (min-width: 900px) {
    .mui-style-xeywc6 {
        max-width: 100%;
        padding-left: 48px;
        padding-right: 48px;
    }
}

@media (min-width: 1200px) {
    .mui-style-xeywc6 {
        max-width: 1300px;
        padding-left: 24px;
        padding-right: 24px;
    }
}

@media (min-width: 1536px) {
    .mui-style-xeywc6 {
        max-width: 1320px;
    }
}

.mui-style-hyw0nl {
    box-sizing: border-box;
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    width: 100%;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    -webkit-box-pack: justify;
    -webkit-justify-content: space-between;
    justify-content: space-between;
}

@media (min-width: 0px) {
    .mui-style-hyw0nl {
        gap: 4px;
    }
}

@media (min-width: 900px) {
    .mui-style-hyw0nl {
        -webkit-align-items: flex-end;
        -webkit-box-align: flex-end;
        -ms-flex-align: flex-end;
        align-items: flex-end;
    }
}

@media (min-width: 1200px) {
    .mui-style-hyw0nl {
        -webkit-align-items: center;
        -webkit-box-align: center;
        -ms-flex-align: center;
        align-items: center;
    }
}

.mui-style-cb8lbd {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
}

@media (min-width: 0px) {
    .mui-style-cb8lbd {
        -webkit-flex-direction: column;
        -ms-flex-direction: column;
        flex-direction: column;
    }

        .mui-style-cb8lbd > :not(style):not(style) {
            margin: 0;
        }

        .mui-style-cb8lbd > :not(style) ~ :not(style) {
            margin-top: 4px;
        }
}

.mui-style-w3k4lw {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: column;
    -ms-flex-direction: column;
    flex-direction: column;
    row-gap: 12px;
}

.mui-style-7i45xa {
    margin: 0;
    font-family: axiatamedium;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
}

@media (min-width: 0px) {
    .mui-style-7i45xa {
        font-size: 10px;
        paragraph-indent: 0;
        paragraph-spacing: 10px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 14px;
    }
}

@media (min-width: 900px) {
    .mui-style-7i45xa {
        font-size: 14px;
        paragraph-indent: 0;
        paragraph-spacing: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 20px;
    }
}

.mui-style-gatnkg {
    display: -webkit-box;
    display: -webkit-flex;
    display: -ms-flexbox;
    display: flex;
    -webkit-flex-direction: row;
    -ms-flex-direction: row;
    flex-direction: row;
    gap: 7px;
    -webkit-box-flex-wrap: wrap;
    -webkit-flex-wrap: wrap;
    -ms-flex-wrap: wrap;
    flex-wrap: wrap;
    row-gap: 0;
}

.mui-style-ysobv5 {
    margin: 0;
    font-family: axiatamedium;
    font-weight: 400;
    font-size: 1rem;
    line-height: 1.5;
    border-right: 1px solid white;
    padding-right: 7px;
}

@media (min-width: 0px) {
    .mui-style-ysobv5 {
        font-size: 10px;
        paragraph-indent: 0;
        paragraph-spacing: 10px;
        font-weight: 600;
        letter-spacing: 0;
        line-height: 14px;
    }
}

@media (min-width: 900px) {
    .mui-style-ysobv5 {
        font-size: 14px;
        paragraph-indent: 0;
        paragraph-spacing: 14px;
        font-weight: 500;
        letter-spacing: 0;
        line-height: 20px;
    }
}

.mui-style-ysobv5:last-child {
    border-right: none;
    padding-right: 0px;
}

.mui-style-ysobv5:hover {
    -webkit-transition: .4s all ease-in-out;
    transition: .4s all ease-in-out;
    -webkit-text-decoration: underline;
    text-decoration: underline;
}

.hidden{
    visibility:hidden ;
}