.cont-faq-pengaduan {
    border-top: 1px solid #b7c9dee6;
    padding: 4rem 0 0 0;
    margin-top: 3rem;
}

.title-pengaduan {
    font-weight: 600;
    font-size: x-large;
    color: #004593;
    margin-bottom: 5px;
}

.sub-title-pengaduan {
    margin-bottom: 5px;
    font-weight: 300;
}

.desc-pengaduan {
    font-weight: 300;
}

.cont-thumbnail {
    position: relative;
}

.thumb-description {
    position: absolute;
    bottom: 0;
    font-size: 13px;
    line-height: 1rem;
    background: #00000073;
    color: white;
    font-weight: 500;
    padding: 10px 12px;
    border-bottom-left-radius: 10px;
    border-bottom-right-radius: 10px;
    width: 100%;
}

.thumb-description p {
    overflow: hidden;
    text-overflow: ellipsis;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    margin-bottom: 0px;
}

.yt-thumbnail {
    text-align: center;
}

.yt-thumbnail img {
    width: 65%;
    border-radius: 15px;
}

.success-req-demo {
    text-align: center;
}

.success-req-demo img {
    width: 20%;
    margin-bottom: 3rem;
}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:before {
    color: #AFC722 !important;
}

.current-menu-item {
    border-bottom: 2px solid #AFC722 !important;
}

.menu-sticky {
    box-shadow: 0 0 20px -10px rgb(0 0 0 / 80%);
}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
    text-transform: unset;
    height: 72px;
    line-height: 72px;
    font-size: 13px;
}

.full-width-header .rs-header .menu-area .expand-btn-inner ul li > a {
    color: #101010;
    display: inline-block;
    cursor: pointer;
    font-size: 13px;
    line-height: 72px;
    font-family: 'Poppins', sans-serif;
    font-weight: 500;
}

.full-width-header .rs-header .menu-area .logo-area {
    position: relative;
    height: 72px;
    line-height: 68px;
}


.try-now-menu {
    height: 72px;
    padding-top: 18px !important;
    padding-bottom: 10px !important;
}

.try-now-menu a {
    height: 37px !important;
    line-height: 1rem !important;
    padding: 11px 15px 11px 15px !important;
    border-radius: 22px;
    color: white !important;
    background: #004593;
    font-size: 13px;
}

.img-sec-1 {
    object-fit: cover;
    height: 500px;
    width: 100%;
    object-position: center bottom;

}

.img-hk {
    position: absolute;
    top: -224px;
    width: 560px;
    left: -139px;
    z-index: 1;
}

.section-1 {
    height: 500px;
    position: relative;
}

.section-1 .info {
    position: absolute;
    width: 30%;
    /* right: 115px; */
    transform: translateY(50%);
    /* left: 0; */
    right: 250px;
}

.section-1 .info h2 {
    color: white;
    margin-bottom: 10px;
    font-size: 25px;
    line-height: 2.3rem;
}

.bg-bottom-sec1 {
    position: absolute;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 3;
}

.bg-sec-1 {
    background-repeat: no-repeat;
    background-size: cover;
    background-position: top center;
    position: relative;
}

.img-bottom-sec-1-home {
    width: 100%;
}

.cont-img-sec-1 {

}

.img-sec-1-home {
    width: 50%;
    position: absolute;
    right: 0;
    bottom: 0;
    z-index: 2;
}

.sec-info-1 {
    color: white;
    padding-bottom: 120px;
}

.sec-info-1 h2 {
    color: white;
    margin-top: 110px;
    margin-bottom: 15px;
    text-shadow: 2px 2px 3px rgb(0 0 0 / 30%);
}

.sec-info-1 p {
    /*font-size: 12px;*/
    text-shadow: 2px 2px 3px rgb(0 0 0 / 30%);
}

.section-1 .info p {
    color: white;
    font-size: small;
}

.btn-green {
    /*outline: none;*/
    /*padding: 8px 19px;*/
    /*border: none;*/
    /*border-radius: 3px;*/
    /*display: inline-block;*/
    /*!*text-transform: uppercase;*!*/
    /*font-size: 13px;*/
    /*font-weight: 500;*/
    /*color: black !important;*/
    /*background: #A9C119;*/
    /*transition: all 0.3s ease;*/
    /*text-align: center;*/
    outline: none;
    padding: 7px 19px;
    border: none;
    border-radius: 20px;
    display: inline-block;
    /* text-transform: uppercase; */
    font-size: 13px;
    font-weight: 500;
    color: black !important;
    background: #A9C119;
    transition: all 0.3s ease;
    text-align: center;
}

.btn-green:hover {
    color: white !important;
    background: #C6E613;
}

.section-2 h3 {
    text-align: center;
    color: #004593;
}

.section-2 .info-list {
    display: flex;
    background: white;
    padding: 17px;
    /* box-shadow: 0 3px 8px rgb(0 0 0 / 20%); */
    box-shadow: 0px 0px 15px -6px rgb(0 0 0 / 20%);
    border-radius: 20px;
    /* margin-top: 18px; */
    justify-content: flex-end;
}

.section-2 .container {
    padding-left: 130px;
    padding-right: 130px;
    padding-bottom: 40px;
    padding-top: 60px;
}

.img-sec-2 {
    max-width: unset;
    width: unset !important;
    height: 100% !important;
}

.info-list p {
    /*font-size: small;*/
    margin-right: 10px;
    text-align: right;
    margin-bottom: 0px;
    font-size: 15px;
}

.info-list img {
    width: 50px;
    height: 50px;
    margin-left: 0.5rem;
}

.section-3 {
    background-image: none;
    background: #F1F6FB;
    padding-top: 40px;
    padding-bottom: 50px;
}

.section-3 h3 {
    text-align: center;
    color: #004593;
}

.section-3 p {
    text-align: center;
}

.video-section {
    margin-right: 210px;
    margin-left: 210px;
    background: white;
    padding: 3px;
    border-radius: 10px;
    box-shadow: 0 3px 6px rgb(0 0 0 / 10%);
}

.videoWrapper {
    position: relative;
    padding-bottom: 47.25%; /* 16:9 */
    padding-top: 25px;
    height: 0;

}

.videoWrapper iframe {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    height: 100%;
    border-radius: 7px;
}

.section-4 {
    padding-top: 40px;
}

.section-4 h3 {
    text-align: center;
    color: #004593;
}

.section-4 p {
    text-align: center;
}

.section-4.rs-portfolio.style1 .portfolio-item .content-part {
    position: absolute;
    /* left: 0; */
    bottom: unset;
    padding: unset;
    width: auto;
    /* padding: 0 40px; */
    z-index: 1;
    transition: all .5s ease;
    -webkit-transition: all .5s ease;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.section-4.rs-portfolio.style1 .portfolio-item .content-part .title {
    margin-bottom: 0;
    font-size: 22px;
    text-align: center;
}

.rs-carousel.dot-style1 .owl-dots .owl-dot {
    background: #AFC722;
}

.section-5 {
    padding-top: 50px;
}

.section-5 h3 {
    text-align: center;
    color: #004593;
}

.section-5 p {
    text-align: center;
}

.section-5 .testimonial {
    text-align: center;
}

.section-5 .img-testi-usr {
    width: 160px;
    position: absolute;
    margin: auto;
    left: 0;
    right: 0;
    top: 0;
    z-index: 1;
}

.section-5 .bg-testi {
    position: absolute;
    left: 0;
    right: 0;
    margin: auto;
    z-index: 0;
    top: 62px;
}

.section-5 .logo-testi {
    position: absolute;
    z-index: 2;
    margin: auto;
    left: 0;
    right: 0;
    top: 142px;
}

.section-5 .content-testi {
    z-index: 1;
    position: relative;
    margin-top: 176px;
    margin-left: 30px;
    margin-right: 30px;
    background: #F1F6FB;
    padding: 40px 25px 15px 25px;
    border-radius: 10px;
}

.section-5 .content-testi .title {
    text-align: center;
    color: #004593;
    margin-bottom: 1rem;
    font-weight: bold;
    margin-top: 1rem;
}

.section-5 .content-testi .desc {
    text-align: center;
    margin-bottom: 8px;
    height: 290px;
    font-size: 14px;
}

.section-5 .content-testi .quote {
    width: 22px;
    margin-top: -8px;
}

.section-5 .content-testi .quote-down {
    width: 22px;
    margin-top: 5px;
}

.section-5 .content-testi .owner {
    font-weight: bold;
    position: absolute;
    bottom: 13px;
    left: 0;
    right: 0;
    margin: auto;
}

.section-6 {
    background-repeat: no-repeat;
    padding-top: 40px;
    margin-top: 70px;
    border-bottom: 6px solid #AFC722;
    background-size: cover;
    background-position: top center;
    padding-bottom: 30px;
}

.section-6 h3 {
    text-align: center;
    color: white;
    margin-bottom: 50px;
}

.section-6 .merchant-list {
    padding-left: 150px;
    padding-right: 150px;
}

.section-6 .wrap-logo {
    background: #F1F6FB;
    padding: 20px;
    border-radius: 10px;
}

.section-6 .owl-nav {
    position: absolute;
    top: 50%;
    bottom: 0;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}

.section-6 .owl-nav .owl-prev {
    position: absolute;
    background: #AFC722;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 45%);
    color: #1F364F;
}

.section-6 .owl-nav .owl-next {
    position: absolute;
    right: 0;
    background: #AFC722;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 45%);
    color: #1F364F;
}

.section-7 {
    padding-top: 40px;
    padding-bottom: 40px;

}

.rs-footer .footer-bottom .copyright p {
    margin-bottom: 0;
    color: #e0e0e0;
    font-size: 12px;
}

.section-7 h3 {
    text-align: center;
    color: #004593;
    margin-bottom: 10px;
}

.section-7 .info {
    text-align: center;
}

.section-7 .title-list {
    font-weight: 900;
    color: #004495;
    font-size: 14px;
    margin-bottom: 0px;
    margin-top: 30px;
}

.section-7 .info-list {
    margin-bottom: 0;
    margin-top: 3px;
    font-size: 13px;
    line-height: 1rem;
}

.section-7 .icon-part img {
    width: 100px;
    max-width: unset !important;
}

.section-7 .service-container {
    padding: 3px;
    background: white;
    /* box-shadow: 0 3px 8px rgb(0 0 0 / 20%); */
    box-shadow: 0 0px 15px -6px rgb(0 0 0 / 20%);
    border-radius: 10px;
}

.section-7 .service-wrap {
    border-radius: 10px !important;
    background: #F1F6FB !important;
    padding: 42px 10px 25px 10px !important;
    height: 260px !important;
}

.section-8 {
    position: relative;
}

.section-8 .content-8 {
    position: absolute;
    /* right: 150px; */
    top: 40%;
    right: 15%;
    transform: translateY(-50%);
    width: 30%;
}

.section-8 .content-8 h3 {
    color: white;
    margin-bottom: 10px;
}

.section-8 .content-8 .small {
    color: white;
    margin-bottom: 0px;
    font-size: 10px;
}

.section-8 img {
    width: 100%;
}

.section-8 .idr {
    color: #A9C119;
    font-size: 20px;
    font-weight: 700;
    margin-bottom: 0;
}

.section-8 .idr-val {
    color: #A9C119;
    font-size: xx-large;
    font-weight: 800;
    margin-left: 6px;
    margin-bottom: 0;
}

.section-8 .cont-price {
    display: flex;
    align-items: flex-start;
    align-content: flex-start;
    margin-top: -10px;
}

.section-8 .idr-desc {
    color: white;
    margin-bottom: 0px;
    margin-top: 25px;
    font-size: 11px;
    margin-left: 10px;
}

.section-8 .price-info {
    color: white;
    margin-bottom: 0px;
}

.section-8 .btn-cont {
    margin-top: 15px;
}

/*.section-8 .btn-cont .col-6:first-child {*/
/*    padding-left: 0px;*/
/*}*/
/*.section-8 .btn-cont .col-6:last-child {*/
/*    padding-right: 0px;*/
/*}*/

.section-8 .btn-cont .btn-green {
    width: 100%;
}

.rs-footer {
    background: unset;
    background-repeat: no-repeat;
    background-size: cover;
}

.footer-1 {
    display: flex;
    justify-content: space-between;
    padding-top: 40px;
    padding-bottom: 36px;
}

.footer-logo {
    /*text-align: center;*/
    padding-top: 0;
}

.footer-logo a {
    display: block;
}

.footer-img-playstore {
    margin-top: 20px;
    width: 105px;
}

.footer-img-logo {
    width: 135px;
}

.footer-link h4 {
    color: white;
    margin-bottom: 10px;
    font-size: 13px;
    text-transform: uppercase;
}

.footer-link ul li a {
    color: white;
    font-size: 12px;
}

.footer-social {
    display: flex;
    justify-content: space-between;
    gap: 12px;
}

.footer-social img {
    width: 30px;
}

.footer-1 .address {
    color: white;
    font-size: 12px;
    margin-bottom: 0px;
}

.rs-footer .footer-bottom {
    padding: 10px 0;
    border-top: none;
    background-color: #0764bf45;
}

.full-width {
    width: 100%;
}

/*fitur*/
.feature-pasarind .fitur-sec-1 {
    padding: 30px 0px 30px 0px;
    background: #E2EAF2;
}

.feature-pasarind .fitur-sec-1 h3 {
    margin-top: 50px;
    color: #004593;
}

.feature-pasarind .fitur-sec-2 {
    padding: 50px 0px 50px 0px;
}

.feature-pasarind .fitur-sec-2 h3 {
    margin-bottom: 50px;
    text-align: center;
    color: #004593;
}

.feature-pasarind .container-slider-1 {
    margin-left: 175px;
    margin-right: 175px;
    margin-top: 40px;
}

.feature-pasarind .slider-fitur-1-item {
    background: white;
    padding: 5px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    margin: 10px;
    border-radius: 10px;
}

.feature-pasarind .slider-fitur-1-item .container-fitur-1 {
    background: #F1F6FB;
    border-radius: 10px;
    padding: 1rem;
}

.feature-pasarind .slider-fitur-1-item .container-fitur-1 img {
    width: 60px;
    float: left;
    margin-right: 15px;
}

.feature-pasarind .slider-fitur-1-item .container-fitur-1 .slider-fitur-1-info {
    display: flex;
    flex-direction: column;
    justify-content: space-between;
}

.feature-pasarind .slider-fitur-1-item .container-fitur-1 .slider-fitur-1-info .title {
    margin-bottom: 0px;
    color: #004495;
    font-size: 16px;
    font-weight: 800;
}

.feature-pasarind .slider-fitur-1-item .container-fitur-1 .slider-fitur-1-info .info {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1rem;
}

.feature-pasarind .container-slider-1 .owl-nav {
    position: absolute;
    top: 55%;
    bottom: 0;
    transform: translate(0, -50%);
    left: 0;
    right: 0;
}

.feature-pasarind .container-slider-1 .owl-nav .owl-prev {
    position: absolute;
    background: #AFC722;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 20%);
    color: #1F364F;
    left: -100px;
}

.feature-pasarind .fitur-sec-2 .cont-img {
    padding-left: 100px;
    padding-right: 100px;
}

.feature-pasarind .container-slider-1 .owl-nav .owl-next {
    position: absolute;
    right: -100px;
    background: #AFC722;
    width: 45px;
    height: 45px;
    text-align: center;
    border-radius: 50%;
    font-size: 28px;
    box-shadow: 0 4px 6px rgb(0 0 0 / 20%);
    color: #1F364F;
}

.feature-pasarind .fitur-sec-3 {
    padding: 50px 0px 50px 0px;
    background: #F1F6FB;
}

.feature-pasarind .fitur-sec-3 h3 {
    margin-bottom: 50px;
    text-align: center;
    color: #004593;
}

.feature-pasarind .fitur-sec-3 .slider2-fitur {
    padding-left: 70px;
    padding-right: 70px;
}

.feature-pasarind .fitur-sec-3 .slider2-item {

}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:first-child {
    /*padding: 0px;*/
    background: #CAE2EF;
}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:first-child img {
    width: 100%;
}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child {
    position: relative;
    background: white;
}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child .cont-info {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child .cont-info .title {
    color: #004593;
    font-size: 22px;
    font-weight: 700;
    margin-bottom: 8px;
}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child .cont-info .info {
    /*color: #004593;*/
    font-size: 13px;
    line-height: 1.2rem;
    margin-top: 10px;
    margin-bottom: 0px;
    width: 290px;
}

.feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child .cont-info .divider {
    width: 45px;
    height: 5px;
    background: #004593;
}

.divider {
    width: 45px;
    height: 5px;
    background: #004593;
}

.divider-green {
    width: 45px;
    height: 5px;
    background: #AFC722;
}

.feature-pasarind .fitur-sec-3 .slider2-fitur .owl-dots {
    margin-top: 30px;
}

.feature-pasarind .fitur-sec-4 {
    padding: 50px 0px 50px 0px;
}

.feature-pasarind .fitur-sec-4 h3 {
    margin-bottom: 50px;
    text-align: center;
    color: #004593;
}

.feature-pasarind .fitur-sec-4 .container {
    /*padding-left: 100px;*/
    /*padding-right: 100px;*/
}

.feature-pasarind .fitur-sec-6 {
    padding: 75px;
}

.feature-pasarind .fitur-sec-6 h3 {
    color: #004593;
    margin-top: 20px;
}

/*end fitur*/

/*solution*/
.sol-sec-1 {
    padding-top: 50px;;
}

.sol-sec-1 h3 {
    color: #004593;
    margin-bottom: 15px;
    text-align: center;
}

.sol-sec-1 .info {
    text-align: center;
}

.grid-sol {
    margin-bottom: 30px;
}

.grid-sol img {
    border-radius: 10px;
}

.grid-sol .layer {
    position: absolute;
    left: 15px;
    right: 15px;
    /* height: 100%; */
    background: #0000005c;
    border-radius: 10px;
    top: 0;
    bottom: 30px;
}

.grid-sol .layer p {
    position: absolute;
    left: 50%;
    top: 50%;
    transform: translate(-50%, -50%);
    margin-bottom: 0px;
    color: white;
    font-size: 20px;
    font-weight: 800;
    line-height: 1.4rem;
    text-align: center;
}

.sol-sec-2 {
    position: relative;
}

.sol-sec-3 {
    padding: 50px 0px 50px 0px;
}

.sol-sec-3 h3 {
    margin-bottom: 50px;
    color: #004593;
}


.sol-sec-3 {
    padding: 75px;
}

.sol-sec-3 h3 {
    color: #004593;
    margin-top: 20px;
}

/*endsolution*/

/*detail slution*/
.section-price {

}

.section-price h3 {
    color: #004593;
    margin-top: 20px;
    text-align: center;
    margin-top: 45px;
}

.cnt-price-list {
    padding-left: 80px;
    padding-right: 80px;
    padding-bottom: 50px;
    padding-top: 20px;
}

.item-price {
    background: white;
    padding: 5px;
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    border-radius: 10px;
    text-align: center;
    position: relative;
    margin-bottom: 25px;
}

.wrap-item-price {
    background: #F1F6FB;
    border-radius: 10px;
    padding-top: 30px;
    padding-left: 30px;
    padding-right: 30px;
    height: 450px;
}

.ribbon {
    width: 150px;
    height: 150px;
    position: absolute;
    top: -10px;
    left: -10px;
    overflow: hidden;
}

.ribbon::before {
    top: 0px;
    right: 34px;
}

.ribbon::after {
    bottom: 34px;
    left: 0px;
}

.ribbon::before, .ribbon::after {
    position: absolute;
    content: "";
    z-index: -1;
    display: block;
    border: 7px solid #1E88E5;
    border-top-color: transparent;
    border-left-color: transparent;
}

.ribbon span {
    position: absolute;
    top: 30px;
    right: 0;
    transform: rotate(
        -45deg
    );
    width: 200px;
    background: #1E88E5;
    padding: 4px 0;
    color: #fff;
    text-align: center;
    font-size: 13px;
    text-transform: uppercase;
    box-shadow: 0 5px 10px rgb(0 0 0 / 12%);
    font-weight: 600;
}


.type-price {
    color: #3D3D4E;
    font-size: 25px;
    margin-bottom: 25px;
}

.img-price-starter {
    width: 90px;
}

.img-price-reguler {
    width: 90px;
}

.img-price-advance {
    width: 200px;
}

.reguler-price {
    background: #E7EFCB;
}

.amount-free {
    margin-top: 25px;
    color: #004593;
    font-weight: 600;
    font-size: 42px;
}

.pricelist-info {
    font-weight: 500;
    line-height: 1.2rem;
    font-size: 14px;
    margin-bottom: 5px;
}

.list-benefit-price {
    text-align: left;
    padding: 10px 21px;
}

.list-benefit-price p {
    font-size: 12px;
    line-height: .92rem;
    margin-bottom: 10px;
}

.list-benefit-price img {
    float: left;
    width: 15px;
    margin-right: 10px;
}

.wrap-item-price .btn-green {
    color: #1E3550 !important;
    width: 100%;
    margin-top: 10px;
}

.flex-amount {
    display: flex;
    justify-content: center;
    margin-top: 40px;
}

.flex-amount .rp {
    color: #004593;
    font-size: small;
    margin-right: 6px;
    margin-bottom: 0px;
}

.flex-amount .value-price {
    color: #004593;
    font-size: 42px;
    font-weight: 600;
    margin-bottom: 0px;
    margin-top: -3px;
    line-height: 3rem;
}

.info-month-price {
    background: #004593;
    color: white;
    display: inline-block;
    padding: 1px 23px;
    border-radius: 7px;
    font-size: 13px;
    margin-bottom: 15px;
}

.siap-kembang {
    padding-top: 100px;
    padding-bottom: 20px;
}

.siap-kembang h3 {
    color: #004593;
    margin-top: 20px;
}

.siap-kembang .btn-green {
    margin-top: 20px;
}

.box {
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 5px;
    background: white;
}

.box-body-blue {
    background: #F1F6FB;
    border-radius: 10px;
}

.faq {
    margin-top: 40px;
    margin-bottom: 100px;
}

.wrap-category-faq {
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 5px;
    background: white;
    text-align: center;
}

.container-category-faq {
    padding: 20px 10px 15px 10px;
}

.container-category-faq img {
    width: 100px;
}

.wrap-list-cont-cat-faq {

}

.wrap-list-cont-cat-faq .nav-link {
    display: block;
    padding: unset;
    color: unset;
    text-decoration: unset;
    transition: unset;
}

.wrap-category-faq .nav {
    display: block;
    flex-wrap: unset;
    padding-left: unset;
    margin-bottom: unset;
    list-style: unset;
}

.item-cat-faq {
    display: flex;
    /* justify-content: center; */
    width: 100%;
    background: white;
    color: #7F8E9A;
    border: 1px solid #AABCCF;
    border-radius: 5px;
    /* padding-top: 2px; */
    /* padding-bottom: 2px; */
    box-shadow: 0 1px 8px rgb(0 0 0 / 14%);
    margin-top: 15px;
    justify-content: space-between;
    cursor: pointer;
}

.wrap-list-cont-cat-faq .nav-link:first-child {
    margin-top: 30px;
}

.wrap-list-cont-cat-faq .nav-link.active .item-cat-faq {
    background: #004593;
    border-color: #2E87CF;
}

.text-cat {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 2rem;
    width: 90%;
    font-weight: 500;
}

.wrap-list-cont-cat-faq .nav-link.active .item-cat-faq .text-cat {
    color: #AFC722;
}

.wrap-list-cont-cat-faq .nav-link.active .item-cat-faq .icon-cat {
    color: #AFC722;
    background: #003571;
    border-color: #2E87CF;
}


.icon-cat {
    margin-bottom: 0px;
    width: 12%;
    background: #F1F6FB;
    border-top-right-radius: 5px;
    border-bottom-right-radius: 5px;
    border-left: 1px solid #AABCCF;
    line-height: 2.1rem;
    font-size: 12px;
}

.faq .rs-faq.inner .accordion .card .card-header .card-link:after {
    content: '\f077';
    font-family: "Font Awesome 5 Free" !important;
    position: absolute;
    left: unset;
    color: #3D3D4E;
    font-size: 25px;
    top: 50%;
    transform: translateY(-50%);
    right: 25px;
}

.faq .rs-faq.inner .accordion .card .card-header .card-link {
    position: relative;
    padding-left: 22px !important;
}

.faq .rs-faq.inner .accordion .card .card-header .card-link.collapsed:after {
    content: '\f078';
}

.faq .rs-faq.inner .accordion .card .card-body {
    background: transparent;
    font-weight: 300;
    color: #363636;
    padding: 15px 40px 41px 20px !important;
    border: none;
}

/*.faq .rs-faq.inner .accordion .card .card-header .card-link.collapsed:after {*/
/*    content: 'H';*/
/*}*/

.faq .rs-faq.inner .accordion .card .card-header .card-link {
    font-family: 'Poppins', sans-serif;
    font-size: 16px;
    font-weight: 600;
    line-height: 28px;
    color: #3D3D4E;
    display: block;
    padding: 10px 25px;
    background: transparent;
    border: none;
}

.faq .rs-faq.inner .accordion .card {
    margin-bottom: 15px;
}

.list-blog {

}

.list-blog .inspiration-item-wrap .item-img {
    height: 300px;
}

.list-blog .inspiration-item-wrap .content-inspiration h3.title {
    margin-bottom: 0px;
    font-size: 23px;
    line-height: 1.8rem;
}

.list-blog .inspiration-item-wrap .content-inspiration .desc {
    margin-top: 0px;
}

.list-blog .read-more {
    color: #3D3D4E;
    font-size: 14px;
    font-weight: 500;
}

.list-blog .read-more:hover {
    color: #003571;
}

.list-blog .inspiration-item-wrap {
    margin-bottom: 20px;
}

.blog-desc-2 {
    line-height: 1.4rem;
    font-size: 15px;
    font-weight: 400;
    margin-top: 15px;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
}


.top-title-detail-sol-pasarind {
    width: 100%;
    text-align: center;
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding: 25px;
}

.top-title-detail-sol-pasarind .category {
    margin-bottom: 0px;
    font-size: 20px;
    font-weight: 500;
}

.detail-solusi-pasarind h3 {
    text-align: center;
    margin-top: 60px;
    font-size: 25px;
    margin-bottom: 0px;
}

.detail-solusi-pasarind .desc {
    margin-top: 20px;
    color: #004593;
}

.detail-solusi-pasarind .cont-img {
    padding: 0px;
}

.list-detail-solution {
    padding: 75px 100px;
    background: white;
}

.list-detail-solution:nth-child(even) {
    background: #F1F6FB;
}

.list-detail-solution:nth-child(odd) {
    background: white;
}

.list-detail-solution:nth-child(even) .row {
    background: white;
    flex-direction: row-reverse;
}

.list-detail-solution:nth-child(odd) .row {
    background: #F1F6FB;
}

/*.list-detail-solution .row{*/
/*    background: #F1F6FB;*/

/*}*/


/*end detail solution*/

/*inspiration*/
.inspirasi-pasarind {
    padding-top: 40px;
}

.inspirasi-pasarind h3 {
    text-align: center;
    margin-bottom: 0px;
    color: #004593;
}

.inspirasi-pasarind p.info {
    text-align: center;
    margin-top: 15px;
}

.inspiration-item-wrap {
    background: white;
    /* box-shadow: 0 3px 8px rgb(0 0 0 / 20%); */
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%);
    border-radius: 10px;
    padding: 5px;
}

.inspiration-item-wrap .item-img {
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    width: 100%;
    height: 180px;
    object-fit: cover;
    transition: 1.3s all ease;
    -webkit-transition: 1.3s all ease;
}

.inspiration-item-wrap .content-inspiration {
    padding: 0px;
}

.placeholder-img-insp {
    height: 180px;
    background: #a0aec0;
    width: 100%;
    text-align: center;
    padding-top: 85px;
    color: white;
}

.inspiration-item-wrap .content-inspiration h3.title {
    text-align: left;
    font-size: 16px;
    font-weight: 700;
    line-height: 1.6rem;
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: #004593;
    height: 50px;
}

.list-blog .inspiration-item-wrap .content-inspiration h3.title {
    height: 60px;
}

.inspiration-item-wrap:hover .item-img {
    transform: scale(1.2);
    -webkit-transform: scale(1.2);
}

.img-post-cont {
    overflow: hidden;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
}

.inspiration-item-wrap .content-inspiration .desc {
    color: #7F8E9A;
    margin-top: 15px;
    font-size: small;
}

.inspiration-item-wrap .content-inspiration .desc i {
    color: #AFC722;
    margin-right: 10px;
}

.inspirasi-pasarind .lyt-load-more {
    margin-top: 15px;
    margin-bottom: 30px;
}

.insp-sec2 {
    background-size: cover;
    background-position: top;
    background-repeat: no-repeat;
    margin-top: 45px;
}

.img-kasir {
    width: 85%;
}

.insp-sec2 h3 {
    color: white;
    margin-top: 100px;
    text-align: left;
    margin-bottom: 20px;
}

.info-sec2 {
    margin-top: 20px;
    color: white;
}

/*end inspiration*/

/*inspiration detail*/
.breadcrumb {
    font-size: small;
}

.breadcrumb .active {
    color: #AFC722;
}

.blog-title {
    color: #004593;
    margin-bottom: 20px;
    font-size: 28px;
    line-height: 32px;
}

.blog-date {
    /* font-size: small; */
    font-size: 12px;
    color: #7F8E9A;
}

.blog-date i {
    margin-right: 10px;

}

.blog-share {
    display: flex;
    justify-content: space-between;
}

.share-label {
    margin-bottom: 0px;
    border-right: 1px solid #707070;
    padding-right: 10px;
    color: #707070;
    font-size: 12px;
}

.img-share {

}

.img-share img {
    width: 27px;
}

.rs-blog.single .blog-part .article-content {
    padding: 5px;
    border-radius: 10px;
    /* box-shadow: 0 6px 25px rgb(0 0 0 / 30%) !important; */
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
    margin-top: 10px;
}

.img-blog {
    width: 100%;
    border-radius: 10px;
}

.blog-desc {
    padding: 20px 15px 25px 20px;
}

.blog-desc ul {
    list-style: unset;
}

.blog-desc h3 {
    font-size: 17px;
    padding-top: 85px;
    margin-top: -85px;
}

.toc {
    padding-bottom: 15px;
}

.content-writer {
    border: 1px solid #004593cc;
    border-radius: 5px;
    padding: 15px 20px;
    display: flex;
    justify-content: left;
    align-items: flex-start;
    gap: 30px;
    margin-top: 30px;
}

.img-writer {
    width: 50px;
    height: 50px;
    border-radius: 50%;
    object-fit: cover;

}

.top-writer {
    width: 30px;
    height: 30px;
}

.blog-desc h2 {
    font-size: 21px;
    padding-top: 85px;
    margin-top: -85px;
}

.sidebar-grid {
    padding: 5px;
    border-radius: 10px;
    box-shadow: 0 0px 0px rgb(0 0 0 / 0%) !important;
    /* box-shadow: 0 6px 25px rgb(0 0 0 / 11%) !important; */
}

.toc p {
    margin-bottom: 5px;
    color: #004593;
    font-weight: 600;
    font-size: 18px;
}

.tocItem {
    display: flex;
    width: 100%;
    column-gap: 10px;
}

.tocItem a {
    color: #004593;
    display: contents;
}

.sidebar-container {
    background: #F1F6FB;
    border-radius: 10px;
}

.sidebar-grid .sidebar-title .title {
    color: #004593;
    font-size: 20px;
    line-height: 26px;
    font-weight: 600;
    position: relative;
    z-index: 1;
    padding-bottom: 12px;
    margin-bottom: 30px;
    text-align: center;
}

.sidebar-grid .sidebar-title .title:after {
    content: "";
    position: absolute;
    border: 0;
    width: 100%;
    height: 0.5px;
    background: #A9BCD0;
    z-index: 1;
    margin-left: 0;
    bottom: 0;
    left: 0;
}

.counter-recent-article {
    font-size: 35px;
    font-weight: 900;
    color: #004495;
    background: #DEE8F2;
    padding: 0px 15px;
    border-radius: 10px;
    text-align: center;
}

.sidebar-subscribe {
    background: #AFC722;
    padding: 25px 15px;
}

.img-subscribe {
    width: 72px;
    float: left;
    margin-right: 25px;
}

.label-subscribe {
    font-weight: 600;
    color: #004593;
    font-size: 17px;
    line-height: 1.6rem;
    margin-bottom: 15px;
}

.info-subscribe {
    line-height: 1.2rem;
    font-size: 12px;
    margin-top: 25px;
}

.btn-subscribe {
    margin-top: 5px;
    width: 100%;
    padding: 5px;
    font-size: 15px;
    /* color: #AFC722; */
    color: white;
    font-weight: 700;
    background: #004593;
}

/*end inspiration detail*/
.grid-cont {
    box-shadow: 0 3px 8px rgb(0 0 0 / 20%);
    border-radius: 10px;
    padding: 4px;
    margin-bottom: 30px;
}

.grid-cont .grid-item {

}

.grid-cont .grid-item .grid-cont-img {
    padding: 20px 90px;
    background: #F1F6FB;
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    height: 220px;
}

.grid-cont .grid-item .grid-cont-img img {
    width: 100%

}

.grid-cont .grid-item .grid-info {
    text-align: center;
    padding: 15px 25px;
    height: 185px;
}

.grid-cont .grid-item .grid-info .title {
    margin-bottom: 0px;
    font-weight: 700;
    color: #004495;
    font-size: 18px;
}

.grid-cont .grid-item .grid-info .desc {
    font-size: 14px;
    line-height: 1.2rem;
    margin-bottom: 0px;
    margin-top: 10px;
}

.fitur-sec-5 {
    position: relative;
}

.cont-left-banner-cont {
    position: absolute;
    left: 15rem;
    width: 30%;
    transform: translateY(-50%);
    top: 50%;
    /* position: absolute;
    width: 35%;
    margin-top: 5%;
    margin-left: 3%; */
}

.cont-left-banner-cont .title {
    color: white;
    font-size: 32px;
    font-weight: 800;
    line-height: 2.5rem;
}

.cont-left-banner-cont .desc {
    color: white;
}

.side-category h3.title {
    margin-bottom: 0px !important;
}

.side-category .list-category a {
    color: black;
}

.side-category .list-category a i {
    margin-right: 15px;
}

.side-category .list-category {
    padding: 10px 25px;
}

.side-category .list-category:first-child {
    margin-top: 10px;
}

.container-faq-question {
    background: #F1F6FB;
    padding-top: 50px;
    padding-bottom: 50px;
}

.container-faq-question h3 {
    color: #004593;
}

.container-faq-question .desc {

}

.container-faq-question .text-contact {
    margin-bottom: 0px;
}

.container-faq-question .contact-phone {
    color: #004593;
    font-weight: 700;
    font-size: 25px;
    margin-bottom: 0px;
}

.container-faq-question .contact-email {
    color: #2785D2;
}

.req-demo-container {
    padding-top: 50px;
    padding-bottom: 50px;
}

.req-demo-container h3 {
    text-align: center;
    color: #004593;
}

.req-demo-container .desc {
    text-align: center;
}

.box-form-req-demo {
    padding: 30px;
}

.form-phone {
    width: 100%;
    height: 40px;
    display: flex;
    border: 1px solid #ced4da;
    background: white;
    border-radius: 5px;
}

.flag {
    width: 40px;
    height: 40px;
}

.label-flag {
    line-height: 1rem;
    padding-top: 2px;
    margin-top: 8px;
    margin-bottom: 8px;
    font-size: 13px;
    font-weight: bold;
    padding-right: 10px;
    border-right: 1.5px solid #DBE3E6;
    margin-right: 20px;
}

.inp-phone {
    height: 38px;
    border: none;
    width: 100%;
    box-shadow: none;
}

.btn-req-demo {
    width: 100%;
}

.hidden-style {
    visibility: hidden;
}

.checkbox {
    width: 20px !important;
    height: 20px !important;
    margin-right: 5px;
}

.form-checkbox {
    display: flex;
}

.form-checkbox label {
    line-height: 1.3rem;
    font-size: 14px;
}

element.style {
}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
    text-transform: unset;
    height: 72px;
    line-height: 72px;
    font-size: 13px;
}

.full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
    font-family: 'Montserrat', sans-serif;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Montserrat', sans-serif;
}

body {
    font-family: 'Montserrat', sans-serif;
}

.full-width-header .rs-header .menu-area .expand-btn-inner ul li > a {
    font-family: 'Montserrat', sans-serif;
}

.comment {

}

.comment .ttl {
    font-weight: 700;
    font-size: 20px;
    border-bottom: 1px solid #AABCCF;
    margin-bottom: 0px;
    padding-bottom: 8px;
}

.comment .list-comment {

}

.comment .cont-list-comment {
    margin-top: 20px;
}

.comment .comment-header {
    display: flex;
    justify-content: space-between;
}

.comment .img-comment {
    width: 25px;
    height: 25px;
}

.comment .comment-name {
    padding-left: 20px;
    font-size: 15px;
    font-weight: 600;
    margin-bottom: 0px;
    flex: auto;
}

.comment .comment-date {
    text-align: right;
    font-size: 12px;
    color: #7F8E9A;
    margin-bottom: 0px;
}

.comment .comment-body {
    margin-left: 45px;
    margin-top: 10px;
    font-size: 15px;
    border-bottom: 1px solid #AABCCF;
    padding-bottom: 15px;
    margin-bottom: 10px;
}

.merchant-name {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;
    color: white;
    font-size: 13px;
    text-align: center;
    line-height: 1rem;
    margin-top: 10px;
    margin-bottom: 0px;
}

h3 {
    margin-bottom: 5px;
}

.ls-40px {
    line-height: 40px;
}

.ls-30px {
    line-height: 30px;
}

/* .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
    height: 10px;
    line-height: 70px;
} */
/* 15 inch */
@media screen and (min-width: 1680px) {
    .img-sec-1-home {
        width: 55%;
    }

    .sec-info-1 {
        color: white;
        padding-bottom: 200px;
    }

    .feature-pasarind .slider-fitur-1-item .container-fitur-1 {
        padding: 1.2rem 1.2rem 1.8rem 1.2rem;
    }

    .container-fitur-1 {
        display: flex;
        flex-direction: row;
        justify-content: space-between;
        align-items: center;
    }

    .grid-cont .grid-item .grid-info {
        text-align: center;
        padding: 15px 30px;
        height: 185px;
    }

    .cont-left-banner-cont {
        position: absolute;
        width: 35%;
        margin-top: 10%;
        margin-left: 3%;
    }
}

@media only screen and (max-width: 1024px) {
    .bg-bottom-sec1 {
        bottom: -2px;
        right: -2px;
    }
}

@media only screen and (max-width: 991px) {
    /*home*/
    .section-5 .content-testi .desc {
        height: 130px;
    }

    .section-5 .testimonial {
        margin-bottom: 20px;
    }

    .try-now-menu {
        padding-top: 0px !important;
    }

    .try-now-menu a {
        height: 100% !important;
        line-height: unset !important;
        border-radius: unset;
    }

    .nav-menu > li > a.gradient-green {
        color: #494949 !important;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a:hover {
        color: #AFC722 !important;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li a:hover, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.active a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a, .full-width-header .rs-header .menu-area .main-menu .rs-menu ul li.current-menu-item > a.gradient-green:hover {
        color: white !important;
    }

    .try-now-menu a:hover {
        color: white !important;
    }

    .section-1 .info {
        width: 40%;
        right: 95px;
    }


    .section-8 .content-8 {
        position: absolute;
        right: 150px;
        top: 45%;
        transform: translateY(-50%);
        width: 33%;
    }
}

@media screen and (max-width: 890px) {
    .section-1 .info {
        width: 55%;
        right: 10px;
        top: 25px;
    }
}

@media screen and (max-width: 768px) {
    .success-req-demo img {
        width: 30%;
        margin-bottom: 3rem;
    }

    .section-1 .info {
        width: 55%;
        right: 10px;
    }

    .sec-info-1 h2 {
        color: white;
        margin-top: 65px;
        margin-bottom: 15px;
        text-shadow: 2px 2px 3px rgb(0 0 0 / 30%);
        font-size: 26px;
        line-height: 2rem;
    }

    .sec-info-1 p {
        font-size: 16px;
        line-height: 1.2rem;
    }

    .sec-info-1 {
        color: white;
        padding-bottom: 75px;
    }

    .img-hk {
        width: 410px;
    }

    .bg-bottom-sec1 {
        bottom: -2px;
    }

    .img-sec-2 {
        max-width: unset;
        width: 100% !important;
    }

    .video-section {
        margin-right: 80px;
        margin-left: 80px;
    }

    .img-sec-1-home {
        width: 70%;
    }

    /*.footer-1 {*/
    /*    display: block;*/
    /*}*/
    .footer-link {
        float: left;
        width: 50%;
        margin-top: 20px;
    }

    .footer-1 {
        display: table;
        width: 100%;
    }

    /*.rs-footer .footer-bottom {*/
    /*    background-color: unset;*/
    /*}*/
}

@media screen and (max-width: 540px) {

    .section-1 .info {
        width: 100%;
        right: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .sec-info-1 {
        padding-left: 15px;
    }

    .section-2 .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .inverse-row {
        flex-direction: column-reverse;
    }

    .video-section {
        margin-right: 0px;
        margin-left: 0px;
    }

    .section-5 .content-testi .desc {
        height: 240px;
    }

    .section-6 .merchant-list {
        padding-left: 50px;
        padding-right: 50px;
    }

    .section-6 .wrap-logo {
        padding: 10px;
    }

    .section-6 .owl-nav .owl-next {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .section-6 .owl-nav .owl-prev {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .section-8 .content-8 {
        right: 0px;
        top: 48%;
        transform: translateY(-50%);
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-8 img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: right;
    }

    .section-8 .content-8 h3 {
        color: white;
        margin-bottom: 10px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .section-8 .content-8 .small {
        color: white;
        margin-bottom: 0px;
        font-size: 11px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
        font-weight: bold;
    }

    .section-8 .cont-price {
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .full-width-header .rs-header .menu-area.sticky .logo-area img, .rs-footer .footer-content .about-widget .logo-part a img, .full-width-header .rs-header .menu-area .logo-area img {
        max-height: unset;
        max-width: unset;
        width: 75px;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
        line-height: 45px;
    }

    .section-1 .info h2 {
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .section-1 .info p {
        color: white;
        font-size: small;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .p-m-15 {
        padding: 15px;
    }

    .p-mlr-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .p-mlr-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .feature-pasarind .container-slider-1 {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
    }

    .feature-pasarind .slider-fitur-1-item .container-fitur-1 {
        display: flex;
    }

    .feature-pasarind .slider-fitur-1-item .container-fitur-1 .slider-fitur-1-info .title {
        font-size: 14px;
        line-height: 1.4rem;
        margin-bottom: 5px;
    }

    .feature-pasarind .container-slider-1 .owl-nav .owl-prev {
        width: 27px;
        height: 27px;
        font-size: 17px;
        left: -30px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .feature-pasarind .container-slider-1 .owl-nav .owl-next {
        right: -30px;
        width: 27px;
        height: 27px;
        font-size: 17px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .feature-pasarind .fitur-sec-3 .slider2-fitur {
        padding-left: 10px;
        padding-right: 10px;
    }

    .feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child .cont-info {
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
        padding: 15px;
    }

    .cont-left-banner-cont {
        position: absolute;
        left: 7px;
        width: 75%;
        transform: translateY(-50%);
        top: 54%;
    }

    .fitur-sec-5 .full-width {
        width: 100%;
        object-fit: cover;
        height: 275px;
    }

    .sol-sec-2 .full-width {
        width: 100%;
        object-fit: cover;
        height: 275px;
    }

    .cont-left-banner-cont .title {
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
        font-size: 17px;
        line-height: 1.5rem;
    }

    .cont-left-banner-cont .desc {
        font-size: 12px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .feature-pasarind .fitur-sec-6 {
        padding: 50px 10px;
    }

    .sol-sec-3 {
        padding: 50px 10px;
    }

    .list-detail-solution {
        padding: 50px 15px;
    }

    .list-detail-solution .col-lg-6:last-child {
        padding-bottom: 10px;
    }

    /*.full-width-header .rs-header .menu-area .main-menu .rs-menu.pr-65 {*/
    /*    left: -63px;*/
    /*    width: 130%;*/
    /*}*/
    .hide-mobile {
        display: none;
    }

    .insp-sec2 h3 {
        margin-top: 40px;
    }

    .p-mb-20 {
        padding-bottom: 20px;
    }

    .blog-share {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .img-share img {
        width: 27px;
        margin-left: 10px;
    }

    .rs-blog.inner .blog-sidebar {
        margin-top: 20px;
    }

    .section-price h3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cnt-price-list {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 150px;
    }

    .item-price {
        margin-bottom: 30px;
    }
}


@media screen and (max-width: 480px) {
    .mrg-modal-m {
        margin: 1.5rem;
    }

    .section-1 .info {
        width: 100%;
        right: 0px;
        padding-left: 10px;
        padding-right: 10px;
    }

    .inverse-row {
        flex-direction: column-reverse;
    }

    .video-section {
        margin-right: 0px;
        margin-left: 0px;
    }

    .section-5 .content-testi .desc {
        height: 240px;
    }

    .section-6 .merchant-list {
        padding-left: 50px;
        padding-right: 50px;
    }

    .section-6 .wrap-logo {
        padding: 10px;
    }

    .section-6 .owl-nav .owl-next {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .section-6 .owl-nav .owl-prev {
        width: 32px;
        height: 32px;
        font-size: 20px;
    }

    .section-8 .content-8 {
        right: 0px;
        top: 48%;
        transform: translateY(-50%);
        width: 100%;
        padding-left: 20px;
        padding-right: 20px;
    }

    .section-8 img {
        width: 100%;
        height: 300px;
        object-fit: cover;
        object-position: right;
    }

    .section-8 .content-8 h3 {
        color: white;
        margin-bottom: 10px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .section-8 .content-8 .small {
        color: white;
        margin-bottom: 0px;
        font-size: 11px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
        font-weight: bold;
    }

    .section-8 .cont-price {
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .full-width-header .rs-header .menu-area.sticky .logo-area img, .rs-footer .footer-content .about-widget .logo-part a img, .full-width-header .rs-header .menu-area .logo-area img {
        max-height: unset;
        max-width: unset;
        width: 75px;
    }

    .full-width-header .rs-header .menu-area .main-menu .rs-menu ul.nav-menu li a {
        line-height: 45px;
    }

    .section-1 .info h2 {
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .section-1 .info p {
        color: white;
        font-size: small;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .p-m-15 {
        padding: 15px;
    }

    .p-mlr-30 {
        padding-left: 30px;
        padding-right: 30px;
    }

    .p-mlr-50 {
        padding-left: 50px;
        padding-right: 50px;
    }

    .feature-pasarind .container-slider-1 {
        margin-left: 20px;
        margin-right: 20px;
        margin-top: 40px;
    }

    .feature-pasarind .slider-fitur-1-item .container-fitur-1 {
        display: flex;
    }

    .feature-pasarind .slider-fitur-1-item .container-fitur-1 .slider-fitur-1-info .title {
        font-size: 14px;
        line-height: 1.4rem;
        margin-bottom: 5px;
    }

    .feature-pasarind .container-slider-1 .owl-nav .owl-prev {
        width: 27px;
        height: 27px;
        font-size: 17px;
        left: -30px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .feature-pasarind .container-slider-1 .owl-nav .owl-next {
        right: -30px;
        width: 27px;
        height: 27px;
        font-size: 17px;
        top: 50%;
        transform: translate(0, -50%);
    }

    .feature-pasarind .fitur-sec-3 .slider2-fitur {
        padding-left: 10px;
        padding-right: 10px;
    }

    .feature-pasarind .fitur-sec-3 .slider2-item .col-lg-6:last-child .cont-info {
        position: relative;
        left: unset;
        top: unset;
        transform: unset;
        padding: 15px;
    }

    .cont-left-banner-cont {
        position: absolute;
        left: 7px;
        width: 75%;
        transform: translateY(-50%);
        top: 54%;
    }

    .fitur-sec-5 .full-width {
        width: 100%;
        object-fit: cover;
        height: 275px;
    }

    .sol-sec-2 .full-width {
        width: 100%;
        object-fit: cover;
        height: 275px;
    }

    .cont-left-banner-cont .title {
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
        font-size: 17px;
        line-height: 1.5rem;
    }

    .cont-left-banner-cont .desc {
        font-size: 12px;
        text-shadow: 2px 4px 3px rgb(0 0 0 / 30%);
    }

    .feature-pasarind .fitur-sec-6 {
        padding: 50px 10px;
    }

    .sol-sec-3 {
        padding: 50px 10px;
    }

    .list-detail-solution {
        padding: 50px 15px;
    }

    .list-detail-solution .col-lg-6:last-child {
        padding-bottom: 10px;
    }

    /*.full-width-header .rs-header .menu-area .main-menu .rs-menu.pr-65 {*/
    /*    left: -63px;*/
    /*    width: 130%;*/
    /*}*/
    .hide-mobile {
        display: none;
    }

    .insp-sec2 h3 {
        margin-top: 40px;
    }

    .p-mb-20 {
        padding-bottom: 20px;
    }

    .blog-share {
        justify-content: flex-start;
        margin-top: 10px;
    }

    .img-share img {
        width: 27px;
        margin-left: 10px;
    }

    .rs-blog.inner .blog-sidebar {
        margin-top: 20px;
    }

    .section-price h3 {
        padding-left: 10px;
        padding-right: 10px;
    }

    .cnt-price-list {
        padding-left: 35px;
        padding-right: 35px;
        padding-bottom: 150px;
    }

    .item-price {
        margin-bottom: 30px;
    }

    .section-2 .info-list {
        margin: 10px 15px;
    }
}

@media screen and (max-width: 414px) {
    .success-req-demo img {
        width: 50%;
        margin-bottom: 3rem;
    }

    .sec-info-1 {
        padding-left: 15px;
    }

    .sec-info-1 h2 {
        margin-top: 90px;
    }

    .bg-bottom-sec1 {
        position: absolute;
        bottom: -1px;
        left: 0;
        right: 0;
        z-index: 3;
    }

    .section-5 .content-testi .desc {
        height: 260px;
    }

    .hide-mobile {
        display: none;
    }

    .sec-info-1 {
        padding-left: 10px;
    }

    .bg-bottom-sec1 {
        bottom: -3px;
    }

    .section-2 .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .img-sec-2 {
        max-width: 100%;
        width: 100% !important;
    }

    .section-4 {
        padding-right: 3px;
    }

    .section-8 img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        object-position: right;
    }

    .current-menu-item {
        border-bottom: 5px solid #AFC722 !important;
        background: #002755;
    }

    .section-2 .info-list {
        margin: 10px 15px;
    }

    /* RDCSS */
    .item-cat-demo {
        justify-content: center !important;
        padding-top: 0px !important;
        padding-bottom: 0px !important;
        border-radius: 5px;
        margin-bottom: 5px;
        margin-top: 20px;
        background: #e9e9e9;
        border: 0px;
    }

    .text-cat-demo {
        display: none !important;
    }

    .icon-cat-demo-end {
        display: none !important;
    }

    .icon-cat-demo {
        width: 25px !important;
    }
}

@media screen and (max-width: 360px) {
    .section-5 .content-testi .desc {
        height: 260px;
    }

    .hide-mobile {
        display: none;
    }

    .sec-info-1 {
        padding-left: 10px;
    }

    .bg-bottom-sec1 {
        bottom: -3px;
    }

    .section-2 .container {
        padding-left: 10px;
        padding-right: 10px;
    }

    .img-sec-2 {
        max-width: 100%;
        width: 100% !important;
    }

    .section-4 {
        padding-right: 3px;
    }

    .section-8 img {
        width: 100%;
        height: 360px;
        object-fit: cover;
        object-position: right;
    }

    .current-menu-item {
        border-bottom: 5px solid #AFC722 !important;
        background: #002755;
    }

    .section-2 .info-list {
        margin: 10px 15px;
    }
}

@media screen and (max-width: 320px) {
    .section-5 .content-testi .desc {
        height: 310px;
    }

    .current-menu-item {
        border-bottom: 5px solid #AFC722 !important;
        background: #002755;
    }

    .section-2 .info-list {
        margin: 5px 7px;
    }
}

@media screen and (max-width: 280px) {
    .bg-bottom-sec1 {
        bottom: -5px;
    }

    .section-5 .content-testi .desc {
        height: 360px;
    }

    .section-5 .content-testi {
        padding: 40px 15px 15px 15px;
    }

    .current-menu-item {
        border-bottom: 5px solid #AFC722 !important;
        background: #002755;
    }

    .section-2 .info-list {
        margin: 5px 7px;
    }
}


/* aditional */
.flex-top-btm {
    display: flex;
    flex-direction: column;
    justify-content: space-around;
}

.no-border {
    border: 0px;
}

.bold {
    font-weight: bold;
}

.bg-dark-blue {
    background: #004593;
}

.item-cat-demo {
    display: flex;
    align-items: center;
    width: 100%;
    min-height: 50px;
    /* background: rgb(229, 248, 255); */
    /* color: #7F8E9A; */
    /* color: #004593; */
    padding-top: 15px;
    padding-bottom: 15px;
    /* padding-left: 5px; */
    cursor: pointer;
    border-bottom: 1px solid lightgray;
    border-right: 1px solid lightgray;
}

.text-cat-demo {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 1rem;
    width: 75%;
    font-weight: 500;
    padding-left: 15px;
}

.icon-cat-demo {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 2rem;
    width: 10%;
    font-weight: 500;
    text-align: center;
    padding: 3px;
}

.icon-cat-demo-end {
    margin-bottom: 0px;
    font-size: 13px;
    line-height: 2rem;
    width: 10%;
    font-weight: 500;
    text-align: center;
    padding: 3px;
}

.c-pasarind {
    color: #004593;
}

.radius5 {
    border-radius: 5px !important;
}

.img-playstore-rd {
    margin-top: 10px;
    width: 150px;
}

.val-rd-nav {
    /* position: absolute;
    top: -20px;
    left: 0; */
}

.zoom {
    transition: transform .5s; /* Animation */
    margin: 0 auto;
}

.zoom:hover {
    transform: scale(1.2); /* (150% zoom - Note: if the zoom is too large, it will go outside of the viewport) */
}

.last-articel {
    font-size: 12px !important;
    font-weight: 100 !important;
    margin: 0 !important;
    line-height: 15px !important;
}

.blog-profile-writer {
    border: 1px solid #004593cc;
}

.img-panduan {
    border-radius: 11px;
    background: #F9F9F9;
    text-align: center;
    margin-top: 1.5rem;
    margin-bottom: 2rem;
}

.img-panduan img {
    height: 400px;
}

.sample-panduan {
    border-radius: 11px;
    background: #F9F9F9;
}

.content-panduan {
    padding: 45px;
}

.sample-panduan img.img-sample {
    width: 70%;
    height: auto;
}

.panduan ol li {
    margin-top: 3.5rem;
}

.panduan ul li {
    margin: 0 0 0 20px;
    list-style-type: disc;
}

.container-list-panduan {

    display: flex;
    gap: 20px;
}

.container-list-panduan  {

}

.container-list-panduan  .image {
    width: 20px;

}

.container-list-panduan  .image img {
    width: 100%;
}
.container-list-panduan  .label {
    margin-top: 1.5px;
    width: 100%;
}
.panduan-ic-close{
    width: 20px;
    text-align: end;
    margin: 15px 15px 0 0;
}
.sample-panduan-2 {
    border-radius: 11px;
    background: #F9F9F9;
    height: 100%;
}
.w-desc{
    padding-bottom: 20px;
}
@media screen and (max-width: 540px) {
    .img-panduan img {
        margin: 0;
        margin-top: 20px;
        width: 80%;
        height: auto;
    }
    .sample-panduan {
        margin-top: 20px;
    }
    .sample-panduan img.img-sample {
        width: 100%;
    }
    .col-md-6:has(.sample-panduan-2){
        margin-top: 20px;
    }
}