section.section.why-choose-us.sec-pad {
        background: #f8f9fa;
    }

    .why-choose-us .main-heading-2 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 50px;
        color: #131921;
    }

    .why-choose-us .main-heading-2 span {
        color: #ff8c00;
    }

    /* SLIDER CARDS */
    .usp-slider .usp-card {
        background: #ff8c00;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        padding: 20px;
        text-align: center;
        transition: transform 0.3s, box-shadow 0.3s;
        margin: 0 10px;
        /* GAP BETWEEN CARDS */
    }

    .usp-slider .usp-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    }

    /* VIDEO */
    .usp-video video {
        width: 100%;
        height: 250px;
        object-fit: contain;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    /* CARD TITLE */
    .usp-card h5 {
        color: #fff;
        font-weight: 600;
        margin-bottom: 40px;
    }

    /* RESPONSIVE */
    @media (max-width: 1200px) {
        .usp-video video {
            height: 220px;
        }
    }

    @media (max-width: 992px) {
        .usp-video video {
            height: 180px;
        }
    }

    @media (max-width: 576px) {
        .usp-video video {
            height: 150px;
        }
    }



     /* ================= MOBILE RESPONSIVE ================= */



.btn-custom:hover {
    background: #000;
    color: #fff;
}
    section.Packagesmain {
    padding-bottom: 36px;
     padding-top: 70px;
}
    section.section.why-choose-us.sec-pad {
        background: #f8f9fa;
    }

    .why-choose-us .main-heading-2 {
        font-size: 32px;
        font-weight: 700;
        margin-bottom: 50px;
        color: #131921;
    }

    .why-choose-us .main-heading-2 span {
        color: #ff8c00;
    }

    /* SLIDER CARDS */
    .usp-slider .usp-card {
        background: #ff8c00;
        box-shadow: 0 8px 20px rgba(0, 0, 0, 0.08);
        padding: 20px;
        text-align: center;
        transition: transform 0.3s, box-shadow 0.3s;
        margin: 0 10px;
        /* GAP BETWEEN CARDS */
    }
    .pricing-card {
        height: 650px;
        display: flex;
        flex-direction: column;
    }

    .pricing-scroll {
        overflow-y: auto;
        flex-grow: 1;
    }

    .pricing-scroll::-webkit-scrollbar {
        width: 5px;
    }

    .pricing-scroll::-webkit-scrollbar-thumb {
        background: #000;
        border-radius: 10px;
    }
    .usp-slider .usp-card:hover {
        transform: translateY(-10px);
        box-shadow: 0 12px 25px rgba(0, 0, 0, 0.15);
    }

    /* VIDEO */
    .usp-video video {
        width: 100%;
        height: 250px;
        object-fit: contain;
        border-radius: 10px;
        margin-bottom: 15px;
    }

    /* CARD TITLE */
    .usp-card h5 {
        color: #fff;
        font-weight: 600;
        margin-bottom: 40px;
    }

    /* RESPONSIVE */
    @media (max-width: 1200px) {
        .usp-video video {
            height: 220px;
        }
    }

    @media (max-width: 992px) {
        .usp-video video {
            height: 180px;
        }
    }

    @media (max-width: 576px) {
        .usp-video video {
            height: 150px;
        }
    }



        
body{
    font-family: 'Poppins', sans-serif;
    background:#f4f7fb;
}

/* Feature Boxes */
.feature-box{
    background:#fff;
    padding:30px;
    border-radius:20px;
    transition:all .4s ease;
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
}

.feature-box:hover{
    transform:translateY(-10px);
    box-shadow:0 20px 50px rgba(0,0,0,0.1);
}

/* Cards */
.service-card{
    z-index: 0;
    background: url('https://assets-a1.kompasiana.com/items/album/2023/06/28/kebijakan-publik-yang-dijadikan-politik-1-649b918d4addee35a55dc633.png?t=o&v=1200');
    padding:25px;
    border-radius: 0;
    transition:all .4s ease;
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
    height:100%;
    background-position: center center;
    background-size: cover;
    position: relative;
}

.service-card:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.service-card.active{
    background: #f6921e;
    color:#fff;
}

.service-card.active p{
    color:#ddd;
}

.btn-custom{
    background: #f6921e;
    color:#fff;
    border-radius:10px;
    padding:10px 20px;
    transition:all .3s ease;
}

.btn-custom:hover{
    background:#0b3c6f;
    transform:scale(1.05);
}

/* Why Section */
.why-box{
    background:#fff;
    padding:25px 15px;
    border-radius:18px;
    transition:.4s;
    box-shadow:0 15px 40px rgba(0,0,0,0.05);
}

.why-box:hover{
    transform:translateY(-8px);
    box-shadow:0 25px 60px rgba(0,0,0,0.12);
}

.dashboard-img{
       object-fit: cover;
       border-radius: 25px;
       box-shadow: 0 25px 60px rgba(0, 0, 0, 0.15);
       width: 100%;
       height: 450px;
       margin-top: 64px;
}
.service-card:after {
    position: absolute;
    content: "";
    background: #000000db;
    height: 100%;
    width: 100%;
    content: "";
    top: 0;
    left: 0;
    right: 0;
    z-index: -1;
}

.service-card h6 {
    color: #fff;
    font-size: 25px;
    text-transform: uppercase;
}

.Promotion .service-card p {
    color: #fff !important;
    font-size: 17px;
    margin-bottom: 15px;
}

/* Pricing Card */
.pricing-card{
    /*margin:5px 15px;*/
    background:#fff;
    border-radius:20px;
    padding:35px 30px;
    /*box-shadow:0 20px 50px rgba(0,0,0,0.08);*/
    transition:all .4s ease;
    position:relative;
}

.pricing-card:hover{
    transform:translateY(-12px);
    box-shadow:0 30px 70px rgba(0,0,0,0.12);
}

/* Center Highlight Card */
.pricing-featured{
    background: linear-gradient(135deg, #ff8c00, #f6921e);
    color:#fff;
    transform:scale(1.08);
    z-index:2;
}

.pricing-featured:hover{
    transform:scale(1.1) translateY(-10px);
}

/* Badge */
.plan-badge {
    background: rgba(255, 255, 255, 0.2);
    padding: 4px 11px;
    border-radius: 30px;
    font-size: 16px;
    display: inline-block;
        margin-bottom: 10px !important;
    margin-bottom: 0;
    letter-spacing: 1px;
    text-align: center;
}
/* Price */
.price{
    font-size:38px;
    font-weight:700;
}

/* List */
.pricing-list{
    list-style:none;
    padding:0;
    margin:25px 0;
}

.pricing-list li{
    margin-bottom:12px;
    font-size:14px;
}

.pricing-list li::before{
    content:"✔";
    margin-right:10px;
    font-weight:bold;
}

/* Button */
.btn-pricing{
    background: linear-gradient(135deg, #ff8c00, #f6921e);
    color:#fff;
    border-radius:30px;
    padding:10px 25px;
    transition:.3s;
}

.btn-pricing:hover{
    background:#000;
    color:#fff;
    transform:scale(1.05);
}

/* Featured button */
.pricing-featured .btn-pricing{
    background:#fff;
    color: #000;
}

.pricing-featured .btn-pricing:hover{
    background:#f3f3f3;
}
.pricing-featured p {
    color: #fff !important;
}

.pricing-card.text-start p {
    font-size: 14px;
    line-height: 22px;
    margin-top: 4px !important;
}



       /* Dots container spacing */
/* Hide default slick dot icon */
.Packages-slider .slick-dots li button:before {
    display: none;
}

/* Dot base */
.Packages-slider .slick-dots li button {
    width: 12px;
    height: 12px;
    background: #dcdcdc;
    border-radius: 50%;
    padding: 0;
    border: none;
    transition: all 0.3s ease;
}

/* Active dot */
.Packages-slider .slick-dots li.slick-active button {
    background: #f79118;
    transform: scale(1.3);
    box-shadow: 0 0 0 4px rgba(247, 145, 24, 0.25);
}

/* Spacing */
.Packages-slider .slick-dots li {
    margin: 0 6px;
}

.Packages-slider .slick-dots {
    bottom: -45px;
}
.Packages-slider .slick-slide {
    padding: 0 15px;
}

.Packages-slider .slick-list {
    margin: 0 -15px;
}

        .Packages-slider .slick-dots li:nth-child(n+4) {
    display: none;
}



 /* MODAL BACKGROUND */
    .modal .modal-content {
       
        background: transparent;
       
    }

    /* POPUP */
  

    /* CLOSE BUTTON */
    .close-popup {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff;
        border-radius: 50%;
        border: none;
        width: 35px;
        height: 35px;
        font-size: 20px;
        cursor: pointer;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

    /* HEADINGS */
    .balti_popup h3 {
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 10px;
        color: #ccc;
    }

    .balti_popup h3 span b {
        color: #F6921E;
    }

    .balti_popup h2.discount {
        background: #F6921E;
        color: #fff;
        font-size: 28px;
        padding: 10px 0;
        margin: 15px 0;
        border-radius: 5px;
    }

    .balti_popup p {
        font-size: 16px;
        margin-bottom: 25px;
        color: #ffffff !important;
    }

    .balti_popup p span {
        font-weight: 600;
        color: #F6921E;
    }

    /* FORM */
    .balti_popup form input,
    .balti_popup form textarea {
        width: 100%;
        padding: 12px 15px;
        margin: 8px 0;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 15px;
    }

    .flex-inputs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .flex-inputs input {
        flex: 1;
    }

    .balti_popup form button.themeBtn {
        background: #F6921E;
        color: #fff;
        font-size: 16px;
        padding: 12px 25px;
        border: none;
        width: 100%;
        border-radius: 8px;
        cursor: pointer;
        margin-top: 10px;
    }

    .balti_popup form button.themeBtn:hover {
        background: #F6921E;
    }

    /* FOOTER */
    .popup-footer {
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 15px;
    }

    .popup-footer .social-stats {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }

    .popup-footer .social-stats .stat {
        text-align: center;
        font-size: 14px;
    }

    .popup-footer-bottom {
        text-align: center;
        font-size: 13px;
        color: #666;
    }
    
      .balti_popup {
        position: relative;
 width: 100%;
        background: #fff;
        border-radius: 15px;
        padding: 40px 30px 30px;
        text-align: center;
        box-shadow: 0 10px 40px rgba(0, 0, 0, 0.3);
        background-image: url('/images/bg/new-banner.jpg');
        background-size: cover;
        background-position: center;
    }

    /* CLOSE BUTTON */
    .close-popup {
        position: absolute;
        top: 15px;
        right: 15px;
        background: #fff;
        border-radius: 50%;
        border: none;
        width: 35px;
        height: 35px;
        font-size: 20px;
        cursor: pointer;
        box-shadow: 0 3px 8px rgba(0, 0, 0, 0.2);
    }

    /* HEADINGS */
    .balti_popup h3 {
        font-size: 50px;
        font-weight: 900;
        margin-bottom: 10px;
        color: #ccc;
    }

    .balti_popup h3 span b {
        color: #F6921E;
    }

    .balti_popup h2.discount {
        background: #F6921E;
        color: #fff;
        font-size: 28px;
        padding: 10px 0;
        margin: 15px 0;
        border-radius: 5px;
    }

    .balti_popup p {
        font-size: 16px;
        margin-bottom: 25px;
        color: #ffffff !important;
    }

    .balti_popup p span {
        font-weight: 600;
        color: #F6921E;
    }

    /* FORM */
    .balti_popup form input,
    .balti_popup form textarea {
        width: 100%;
        padding: 12px 15px;
        margin: 8px 0;
        border: 1px solid #ccc;
        border-radius: 8px;
        font-size: 15px;
    }

    .flex-inputs {
        display: flex;
        gap: 10px;
        flex-wrap: wrap;
    }

    .flex-inputs input {
        flex: 1;
    }

    .balti_popup form button.themeBtn {
        background: #F6921E;
        color: #fff;
        font-size: 16px;
        padding: 12px 25px;
        border: none;
        width: 100%;
        border-radius: 8px;
        cursor: pointer;
        margin-top: 10px;
    }

    .balti_popup form button.themeBtn:hover {
        background: #F6921E;
    }

    /* FOOTER */
    .popup-footer {
        margin-top: 25px;
        border-top: 1px solid rgba(0, 0, 0, 0.1);
        padding-top: 15px;
    }

    .popup-footer .social-stats {
        display: flex;
        justify-content: space-around;
        margin-bottom: 10px;
    }

    .popup-footer .social-stats .stat {
        text-align: center;
        font-size: 14px;
    }

    .popup-footer-bottom {
        text-align: center;
        font-size: 13px;
        color: #666;
    }