#jasa_pembelian .banner .background {
    min-height: 250px !important;
    max-height: 400px !important;
    object-position: center 60%;
}
#jasa_pembelian .banner .container h1 {
    font-size: 4.25rem;
    line-height: 4.5rem;
    font-weight: 1000;
    text-shadow: 0 0 10px rgba(0,0,0, .5);
}

#jasa_pembelian .custom-fs-extra-large {
    font-size: calc(15px + 3vw);
}
#jasa_pembelian .custom-fs-large {
    font-size: calc(10px + 2vw);
}
#jasa_pembelian .custom-fs-medium {
    font-size: calc(8px + 1.5vw);
}

#jasa_pembelian .custom-fs-title {
    font-size: calc(10px + 3.1vw);
}
#jasa_pembelian .custom-fs-subtitle {
    font-size: calc(10px + 1vw);
}
#jasa_pembelian .custom-fs-text {
    font-size: calc(9px + .9vw);
}

#jasa_pembelian .col-pills {
    padding: .5rem 1.5rem;
    border-radius: 4rem;
}

#jasa_pembelian #kendala {
    padding-top: 3rem;
    padding-bottom: 15rem;
}

#jasa_pembelian #solusi {
    position: relative;
    top: -12rem;
    background-color: rgb(0, 142, 214) !important;
    padding: 4.5rem 3.5rem;
    border-radius: 2rem;
}

#jasa_pembelian #solusi hr {
    border-top: 3px solid rgb(255, 255, 255) !important;
}

#jasa_pembelian #perbandingan-teks {
    margin-top: -12rem;
    padding-top: 3rem;
    padding-bottom: 27rem;
}

#jasa_pembelian #perbandingan-harga .container.customed {
    position: relative;
    top: -25rem;
    margin-bottom: -25rem;
}
#jasa_pembelian #perbandingan-harga .container.customed .container-perbandingan {
    background-color: white;
    padding: 3rem 2rem 1rem;
    border-radius: 1rem;
    box-shadow: 0 0 .5rem rgba(0,0,0,.3)!important;
}

#jasa_pembelian .table-bordered-customed {
    border: 1px solid rgb(1, 34, 101);
}
#jasa_pembelian .table-bordered-customed th {
    font-size: calc(12px + .9vw);
    border: 1px solid white;
    vertical-align: middle;
}
#jasa_pembelian .table-bordered-customed td {
    border: 1px solid rgb(1, 34, 101);
    font-size: calc(12px + .7vw);
    vertical-align: middle;
}
#faq {
    padding-bottom: 3rem;
}
#faq .faq-container .card {
    border: 0;
    background-color: rgb(226, 226, 226) !important;
}
#faq .faq-container .card .card-header {
    border: 0;
    background-color: rgb(226, 226, 226) !important;
    padding-bottom: .5rem;
}
#faq .faq-container .card .card-header a.card-link {
    display: flex;
    height: 100%;
    align-items: center;
}
#faq .faq-container .card .card-header a.card-link h4 {
    padding: .5rem 0;
    margin-right: auto;
    color: rgb(1, 34, 101);
}
#faq .faq-container .card .card-header a.card-link.collapsed h4 {
    color: rgb(0, 142, 214) !important;
}
#faq .faq-container .card .card-header a.card-link i.icon-toggle-arrow {
    padding-right: 1rem;
    color: rgb(1, 34, 101);
}
#faq .faq-container .card .card-header a.card-link.collapsed i.icon-toggle-arrow {
    color: rgb(0, 142, 214) !important;
}
#faq .faq-container .card .card-header a.card-link i.icon-toggle-arrow:before {
    content: "\e90e"; /*Up Arrow*/
}
#faq .faq-container .card .card-header a.card-link.collapsed i.icon-toggle-arrow:before {
    content: "\e90d"; /*Down Arrow*/
}
#faq .faq-container .card .card-body {
    padding: 0 6rem .5rem 3.5rem;
    color: rgb(128, 128, 128);
}

@media (max-width: 440px) {
    #jasa_pembelian .banner .background {
        object-position: 75% !important;
    }
    #jasa_pembelian .banner .container h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    #jasa_pembelian #solusi {
        padding: 2.5rem 1.5rem;
        border-radius: 1rem;
        top: -8rem;
    }
    #jasa_pembelian #kendala {
        padding-bottom: 10rem;
    }
    #jasa_pembelian #kendala .mw-125px {
        max-width: 75px !important;
    }
    #jasa_pembelian #perbandingan-teks {
        margin-top: -8rem;
        padding-bottom: 18rem;
    }

    #jasa_pembelian #perbandingan-harga .container.customed {
        position: relative;
        top: -16rem;
        margin-bottom: -16rem;
    }
    #jasa_pembelian #perbandingan-harga .swiper-pagination {
        bottom: 15px !important;
    }
    #faq .faq-container {
        padding: .75rem .5rem;
    }
    #faq .faq-container .card .card-header a.card-link i.icon-toggle-arrow {
        padding-right: 1rem;
    }
    #faq .faq-container .card .card-body {
        padding: 0 3rem .5rem 3rem;
    }
}

@media (min-width: 441px) and (max-width: 575px) {
    #jasa_pembelian .banner .background {
        object-position: 60% !important;
    }
    #jasa_pembelian .banner .container h1 {
        font-size: 2.25rem;
        line-height: 2.5rem;
    }

    #jasa_pembelian #solusi {
        padding: 2.5rem 1.5rem;
        border-radius: 1.5rem;
        top: -9rem;
    }
    #jasa_pembelian #kendala {
        padding-bottom: 11rem;
    }
    #jasa_pembelian #kendala .mw-125px {
        max-width: 100px !important;
    }
    #jasa_pembelian #perbandingan-teks {
        margin-top: -9rem;
        padding-bottom: 26rem;
    }

    #jasa_pembelian #perbandingan-harga .container.customed {
        position: relative;
        top: -24rem;
        margin-bottom: -24rem;
    }
    #jasa_pembelian #perbandingan-harga .swiper-pagination {
        bottom: 20px !important;
    }
    #faq .faq-container {
        padding: 1rem .5rem;
    }
    #faq .faq-container .card .card-header a.card-link i.icon-toggle-arrow {
        padding-right: 1rem;
    }
    #faq .faq-container .card .card-body {
        padding: 0 3rem .5rem 3rem;
    }
}

/*Small devices (landscape phones, 576px and up)*/
@media (min-width: 576px) and (max-width: 767px) {
    #jasa_pembelian .banner .container h1 {
        font-size: 2.5rem;
        line-height: 2.75rem;
    }

    #jasa_pembelian #solusi {
        padding: 3rem 2rem;
        border-radius: 1.5rem;
        top: -10rem;
    }
    #jasa_pembelian #kendala {
        padding-bottom: 12rem;
    }
    #jasa_pembelian #perbandingan-teks {
        margin-top: -10rem;
    }
    #jasa_pembelian #perbandingan-harga .swiper-pagination {
        bottom: 25px !important;
    }
    #faq .faq-container {
        padding: 1.5rem 2rem;
    }
}
/*Medium devices (tablets, 768px and up)*/
@media (min-width: 768px) and (max-width: 991px) {
    #jasa_pembelian .banner .container h1 {
        font-size: 3.25rem;
        line-height: 3.5rem;
    }

    #jasa_pembelian #solusi {
        padding: 3.5rem 2.5rem;
        top: -11rem;
    }
    #jasa_pembelian #kendala {
        padding-bottom: 13rem;
    }
    #jasa_pembelian #kendala .mw-125px {
        max-width: 100px !important;
    }
    #jasa_pembelian #perbandingan-teks {
        margin-top: -10rem;
        padding-bottom: 32rem;
    }
    #jasa_pembelian #perbandingan-harga .container.customed {
        top: -30rem;
        margin-bottom: -30rem;
    }
    #faq .faq-container {
        padding: 2rem 4rem;
    }
}
/*Large devices (desktops, 992px and up)*/
@media (min-width: 992px) and (max-width: 1199px) {
    #jasa_pembelian .banner .container h1 {
        font-size: 4rem;
        line-height: 4.25rem;
    }

    #jasa_pembelian #solusi {
        padding: 4rem 3rem;
    }

    #jasa_pembelian #perbandingan-teks {
        padding-bottom: 22rem;
    }

    #jasa_pembelian #perbandingan-harga .container.customed {
        top: -20rem;
        margin-bottom: -20rem;
    }
}
@media (min-width: 1200px) {

}