@import url('https://fonts.googleapis.com/css2?family=Maven+Pro:wght@400;500;600;700&display=swap');
body{
    font-family: 'Maven Pro', sans-serif;
    font-weight: 400;
    /* background-color: #f2f4f8 !important; */
}
.as-answer .col-md-6,
.as-res-pdf .col-md-6,
.ms-answer .col-md-6,
.math-scanner-result .col-md-6, 
.as-answer .col-md-12,
.as-res-pdf .col-md-12,
.ms-answer .col-md-12,
.math-scanner-result .col-md-12{
    padding: 0;
}
.dark-img {
    filter: invert(100%) sepia(1%) saturate(7489%) hue-rotate(322deg) brightness(102%) contrast(96%);
}
.w-50 {
    width: 50px !important;
}
.w-250{
    min-width: 250px !important;
    max-width: 300px !important;
}
.f-12{
    font-size: 12px;
}
.border-right{
    border-right: 1px solid #e5e5e5;
}
.border-themes{
    border: 1px solid #395c9b;
}
.border-right-dark{
    border-right: 1px solid #7a7a7a;
}
.math-scanner-result{
    border: 1px solid #7a7a7a;
    margin: 1rem;
    background-color: #ffffff;
}
.math-scanner-result .ms-header{
    padding: .75rem;
}
.math-scanner-result .ms-card{
    padding: .75rem;
    border-top: 1px solid #7a7a7a;
}
.math-scanner-result .ms-card .ms-title{
    font-size: 18px;
    font-weight: bold;
    color: #395c9b;
    margin-bottom: .25rem;
}
.math-scanner-result .ms-card .ms-title.ms-title-small{
    font-size: 16px;
    font-weight: 500;
}
.math-scanner-result .ms-card .ms-result{
    font-size: 14px;
    color: #000;
}
.math-scanner-result .ms-equation-title{
    background-color: #395c9b;
    color: #ffffff;
    text-align: center;
    padding: 8px 0;
}
.math-scanner-result .ms-equation-title h4{
    font-size: 18px;
    margin: 0;
}
.math-scanner-result .ms-card .ms-content{
    margin: 5px 0;
    margin-bottom: 1rem;
}
.math-scanner-result .ms-card .ms-content br{
    display: none;
}
.math-scanner-result .ms-card .ms-content:last-child{
    margin-bottom: 0;
}
.math-scanner-result .ms-card .ms-content span{
    color: #999999;
}
.math-scanner-result .ms-card .ms-content p{
    font-weight: 500;
    margin: 0;
}
.math-scanner-result .ms-card.step-solving-equation,
.math-scanner-result .ms-card.step-solving-equation .katex-display,
.math-scanner-result .ms-card.step-solving-equation .katex-display>.katex {
    text-align: left;
}
/*------------------------------------*/
.ms-answer{
    padding: 1rem;
}
.ms-answer .ms-header{
    padding: .75rem;
}
.ms-answer .ms-card{
    background-color: #ffffff;
    border-radius: .625rem;
    margin-bottom: 1rem;
    box-shadow: 0px 0 10px 0px #0000000d !important;
    -moz-box-shadow: 0px 0 10px 0px #0000000d !important;
    -webkit-box-shadow: 0px 0 10px 0px #0000000d !important
}
.ms-answer .ms-card .ms-title{
    font-size: 16px;
    font-weight: bold;
    color: #395c9b;
    padding: .5rem 1rem;
    border-bottom: 1px solid #eeeeee;
}
.ms-answer .ms-card .ms-title.ms-title-small{
    font-size: 15px;
    font-weight: 500;
}
.ms-answer .ms-card .ms-result{
    font-size: 14px;
    color: #000;
    padding: .75rem 1rem;
}
.ms-answer .ms-card .ms-result .katex-display{
    margin: 0;
}
.ms-answer .ms-equation-title{
    text-align: center;
    padding: .25rem 0;
}

.ms-answer .ms-equation-title h4{
    font-size: 19px;
    margin-bottom: 1rem;
    color: #395c9b;
    font-weight: 700;
}
.ms-answer .ms-card.step-solving-equation,
.ms-answer .ms-card.step-solving-equation .katex-display,
.ms-answer .ms-card.step-solving-equation .katex-display>.katex {
    text-align: left;
}
.ms-answer .ms-card .ms-content{
    padding: .75rem 1rem;
}
.ms-answer .ms-card .ms-content br{
    display: none;
}
.ms-answer .ms-card .ms-content:last-child{
    margin-bottom: 0;
}
.ms-answer .ms-card .ms-content span{
    color: #999999;
}
.ms-answer .ms-card .ms-content p{
    font-weight: 500;
    margin: 0;
}

/*------------------------------------*/
.as-answer{
    padding: 1rem;
    background-color: #f2f4f8 !important;
    line-height: 1.25;
}
.as-answer .as-header{
    padding: .75rem;
}
.as-answer .as-card{
    background-color: #ffffff;
    border-radius: .625rem;
    margin-bottom: 1rem;
    box-shadow: 0px 0 10px 0px #0000000d !important;
    -moz-box-shadow: 0px 0 10px 0px #0000000d !important;
    -webkit-box-shadow: 0px 0 10px 0px #0000000d !important
}
.as-answer .as-card .as-title{
    font-size: 17px;
    font-weight: 600;
    color: #395c9b;
    padding: .5rem 1rem;
    border-bottom: 1px solid #eeeeee;
}
.as-answer .as-card.step-solving-equation .as-title{
    font-size: 16px;
    font-weight: 500;
}
.as-answer .as-card .as-result{
    font-size: 15px;
    color: #000;
    padding: .75rem 1rem;
    word-break: break-word;
}
.as-answer .as-card .as-result .katex-display{
    margin: 0;
}
.as-answer .as-equation-title{
    text-align: center;
    padding: .25rem 0;
}
.as-answer .as-equation-title h4{
    font-size: 19px;
    margin-bottom: 1rem;
    color: #395c9b;
    font-weight: 700;
}
.as-answer .as-card-img{
    text-align: center;
}
.as-answer .as-card-img img{
    min-width: 280px;
    max-width: 500px;
}
.as-answer .as-card.step-solving-equation,
.as-answer .as-card.step-solving-equation .katex-display,
.as-answer .as-card.step-solving-equation .katex-display>.katex {
    text-align: left;
}
.as-answer .as-card .as-content{
    padding: .75rem 1rem;
}
.as-answer .as-card .as-content:last-child{
    margin-bottom: 0;
}
.as-answer .as-card .as-content span{
    color: #999999;
}
.as-answer .as-card .as-content p{
    font-weight: 500;
    margin: 0;
}
@media (max-width: 575.98px){
    .as-answer .as-card .as-title {
        font-size: 16px;
    }
    .as-answer .as-card .as-result {
        font-size: 15px;
    }
    .as-answer .as-card-img img{
        max-width: 100%;
        height: auto;
    }
    .as-answer .as-equation-title h4 {
        font-size: 18px;
    }
    .as-answer .as-card.step-solving-equation .as-title {
        font-size: 15px;
    }
}
/*------------------------------------*/
.as-res-pdf{
    border: 1px solid #7a7a7a;
    margin: 1rem;
    background-color: #ffffff;
    line-height: 1.25;
}
.as-res-pdf .as-res-pdf-header{
    padding: .75rem;
}
.as-res-pdf .as-res-pdf-card{
    padding: .75rem;
    border-top: 1px solid #7a7a7a;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-title{
    font-size: 18px;
    font-weight: bold;
    color: #395c9b;
    margin-bottom: .25rem;
}
.as-res-pdf .as-res-pdf-card.step-solving-equation .as-res-pdf-title{
    font-size: 16px;
    font-weight: 500;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-result{
    font-size: 16px;
    color: #000;
    word-break: break-word;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-result .katex-display{
    margin: 0;
}
.as-res-pdf .as-res-pdf-equation-title{
    background-color: #395c9b;
    color: #ffffff;
    text-align: center;
    padding: 8px 0;
}
.as-res-pdf .as-res-pdf-equation-title h4{
    font-size: 18px;
    margin: 0;
}
.as-res-pdf .as-res-pdf-card-img{
    text-align: center;
}
.as-res-pdf .as-res-pdf-card-img img{
    min-width: 280px;
    max-width: 500px;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-content{
    margin: 5px 0;
    margin-bottom: 1rem;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-content:last-child{
    margin-bottom: 0;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-content span{
    color: #999999;
}
.as-res-pdf .as-res-pdf-card .as-res-pdf-content p{
    font-weight: 500;
    margin: 0;
}
.as-res-pdf .as-res-pdf-card.step-solving-equation,
.as-res-pdf .as-res-pdf-card.step-solving-equation .katex-display,
.as-res-pdf .as-res-pdf-card.step-solving-equation .katex-display>.katex {
    text-align: left;
}
@media (max-width: 575.98px){
    .as-res-pdf .as-res-pdf-card-img img{
        max-width: 100%;
        height: auto;
    }
}
/*------------------------------------*/
.notfound{

}
.notfound {
    margin-top: 1.5rem !important;
}
.notfound .notfound-img {
    display: flex;
    justify-content: center;
    align-items: center;
}
.notfound .notfound-img svg {
    width: 550px;
    max-width: 100%;
    height: auto;
}
.notfound .notfound-content {
    text-align: center;
}
.notfound .notfound-content h2 {
    color: #395c9b;
    font-weight: 700;
    font-size: 28px;
}
.notfound .notfound-content p {
    font-size: 17px;
    color: #888;
}