.gradient-blue{
    background: linear-gradient(119deg, #257AB4 -3.43%, #206A9C 8.08%, #0F3449 36.22%, #0B2835 51.36%);  ;
}
.hero-wrapper .paper-container, .sub-hero .paper-container, .paper-report .paper-container, .free-accounting-banner .paper-container, .paper-benefit .paper-content{
    display: flex;
    justify-content: center;
    align-items: center;
}
.hero-wrapper{
    overflow: hidden;
}
.paper-benefit p{
    padding-bottom: 4rem;
}
.paper-benefit h3{
    font-size: 1.4rem;
    padding-bottom: 0.5rem;
  }
  .paper-benefit .paper-content{
    flex-wrap: wrap;
    padding-top: 4em;
    align-items: start;
  }
  .paper-benefit .paper-content div{
    text-align: center;
    max-width:400px;
    margin: 0 2em;
  }

  .paper-benefit img{
    width: 100%;
    max-width: 50px;
  }
  .paper-benefit .paper-content .pb-image{
    margin: initial;
    height: 69px;
  }

.hero-wrapper p{
    color: #fff;
}
.hero-wrapper .paper-container{
    padding-bottom: 0;
    padding-top: 10rem;
}
.hero-content a{
    margin-top: 1em;
}
.hero-content h1{
    font-size: 2.8rem;
    line-height: 1.4;
    padding-bottom: 1rem;
    color: #fff;
}
.hero-image img{
    width: 56em;
    margin: -6em -8em -4em;
}
.hero-image{
    width: 100%;
    max-width: 600px;
}
.sub-hero .paper-container{
    padding-top: 6em;
    padding-bottom: 3em;
}

.sb-image img{
    width: 35em;
    max-width: 1000px;
    margin-bottom: -9.7em;
    position: relative;
    margin-left: -5em;
    margin-right: -1em;
}
.sb-image img.mobile-section2 {
    display: none;
}
.sb-content p{
    color: #fff;
    padding-bottom: 0;
}
.sb-content h2{
    color: #fff;
    text-align: left;
    padding-bottom: 1rem;
}
.paper-report {
    background: #F0F6FA;
    overflow: hidden;
}
.paper-report h2{
    text-align: left;
    padding-bottom: 1rem;
}
.paper-report .pr-image img{
    width: 75em;
    margin: -20em -16em -35em;
}
.paper-report .pr-image{
    width: 100%;
    max-width: 600px;
}
.paper-report .paper-heading-content{
    width: 100%;
}

.free-accounting-banner{
    background: linear-gradient(68deg, #257AB4 25.99%, #206A9C 37.28%, #0F3449 62.25%, #0B2835 72.75%);
}

.fab-image img{
    width: 100%;
    margin: -5em -7em -5em -7em;
}

.fab-content p{
    color: #fff;
}
.fab-content h2{
    text-align: left;
    padding-bottom: 1rem;
    color: #fff;
}
.text-button{
    background: transparent;
    padding: 0 !important;
    border: none;
    box-shadow: none;
    color: #4199d5;
    text-decoration: underline;
    transition: 0.4s;
}
.text-button:hover{
    opacity: 0.6;
}
.footer-row.new-footer{
    background: linear-gradient(119deg, #257AB4 -3.43%, #206A9C 8.08%, #0F3449 36.22%, #0B2835 51.36%);
}
.faq-section .border-bottom{
    border-bottom: 1px solid #d7d7d7 !important;
}
.faq-section h2{
    text-align: center;
}
.faq-section .card-header{
    padding: 2rem 1.25rem;
}
.faq-section .link-akordion{
    font-weight: 400;
}
.akordion-faq{
    width: 100%;
    max-width: 700px;
    margin: 0 auto;
}

.paper-benefit {
    color: #133F5D;
}

.paper-benefit .paper-container {
    padding-bottom: 2rem;
}

@media (max-width: 1113px) {
    .hero-wrapper .paper-container{
        display: grid;
    }
    .hero-content{
        order: 1;
    }
    .hero-content h1, .hero-content p, .hero-content{
        text-align: center;
    }
    .hero-image{
        margin: 0 auto;
    }
    .hero-image img{
        margin: -5em -8em -1em;
        max-width: initial;
    }
    .sb-image {
        width: 100%;
        max-width: 375px;
    }
    .sb-image img{
        width: 100%;
        max-width: 600px;
        position: initial;
        margin-left: 0;
        margin-right: 0;
        margin-bottom: -8.1em;
    }
    .sub-hero .paper-container{
        padding-top: 8em;
    }
    .paper-benefit .paper-content div{
        max-width: 300px;
        margin: 0 2em;
    }

    .hero-wrapper .paper-container {
        padding-top: 6rem;
    }
}

@media (max-width: 947px){
    .paper-report .paper-container{
        display: grid;
    }
    .paper-report .pr-image img{
        width: 66em;
        margin: -14em -12em -17em;
    }
    .paper-report .paper-heading-content{
        order: 1;
    }
    .paper-report h2, .paper-report .paper-heading-content{
        text-align: center;
    }
    .paper-report .paper-heading-content br{
        display: none;
    }
    .paper-report .pr-image{
        margin: 0 auto;
    }
}

@media (max-width: 912px){
    .sb-content h2 br, .sb-content p br{
        display: none;
    }
    .hero-image img{
        width: 100%;
        max-width: 600px;
    }
    .paper-report .paper-container{
        display: grid;
    }
    .paper-benefit .paper-content div{
        max-width: 275px;
        margin: 0 1em;
    }
    .paper-benefit .paper-content{
        padding: 0;
    }
    .free-accounting-banner .paper-container{
        display: grid;
    }
    .fab-image img{
        width: 100%;
        max-width: 300px;
        margin: -10em auto -2em;
    }
    .fab-content, .fab-content h2, .fab-image{
        text-align: center;
    }
    .fab-content br{
        display: none;
    }
    
}
@media (max-width: 820px){
    .sb-image img {
        margin-bottom: -7.9em;
    }
}

@media (max-width: 768px){
    .hero-content h1{
        font-size: 2.2rem;
    }
    .sub-hero .paper-container{
        display: grid;
    }
    .sub-hero .paper-container, .sb-content h2{
        text-align: center;
    }
    .sb-image{
        margin: 0 auto;
    }
    .sb-image img{
        margin-bottom: -2em;
    }
    .sb-image img.desktop-section2 {
        display: none;
    }
    .sb-image img.mobile-section2 {
        display: block;
        margin: 0 auto -3rem;
    }
    .sub-hero .paper-container{
        padding-top: 6rem;
    }
    .sub-hero .paper-container{
        padding-bottom: 5rem;
    }
    .paper-report .pr-image img{
        width: 100%;
        max-width: 600px;
        margin: -8em auto -9em;
    }
    .fab-image img{
        margin: -3em auto -2em;
    }
    .hero-image img {
        max-width: 500px;
    }

    .hero-content, .sb-content, .paper-heading-content, .fab-content {
        max-width: 480px;
        margin: auto;
    }

    .hero-wrapper .paper-container {
        padding-top: 10rem;
    }
}

@media (max-width: 480px){
    .hero-image img{
        margin: -1em -8em 0em;
    }
    .hero-content h1{
        font-size: 1.8rem;
    }
    .paper-report .pr-image img{
        margin: -8em auto -6em; 
    }
    .paper-benefit .paper-content .pb-image{
        height: 45px;
    }
    .paper-benefit img{
        width: 100%;
        max-width: 35px;
    }
    .paper-benefit .paper-container{
        padding-bottom: 3rem;
        padding-top: 4rem;
    }
    .paper-benefit p{
        padding-bottom: 2rem;
    }
    .paper-benefit h3{
        font-size: 1.2rem;
    }
    .sub-hero .paper-container{
        padding-bottom: 5em;
        padding-top: 6em;
    }
    .sb-image img{
        margin-bottom: -4em;
        max-width: 300px;
    }
    .paper-report .paper-container{
        padding: 8rem 0 4rem;
    }
    .paper-report .paper-heading-content{
        position: relative;
        z-index: 99;
    }
    .free-accounting-banner .paper-container{
        padding: 4rem 1rem;
    }
    .faq-section .paper-container{
        padding: 4rem 1em 4rem;
    }
}

.judul-akordion {
    margin: 0 0 0.5em 0;
    font-weight: bold;
    font-size: 12px;
    line-height: 1.6em;
}

@media (min-width: 1024px) {
    .--mkt-banner#--oa-banner{
        position: fixed;
        z-index: 9999;
        width: 100%;
        display: block;
        background: linear-gradient(240deg, #83BB3D 16.37%, #6F922E 79.6%);
    }
    .--mkt-banner#--oa-banner p {
        padding-bottom: 0;
    }
    .akuntasi-gratis-pages .globalNav{
        margin-top: 3em;    
    }
    .oaBannerActive{
        position: fixed;
        width: 100%;
        z-index: 9999;
    }
}