@import url('https://fonts.googleapis.com/css2?family=Nunito:wght@200;300;400;600;700&display=swap');


* {
    font-family: 'Nunito', sans-serif;
}

.h-line {
    line-height: 50px;
}

.font-default {
    font-size: 18px;
}

.mt-27 {
    margin-top: 27px;
}
.pt-50 {
    padding-top: 50px;
}
.pt-65 {
    padding-top: 65px;
}
.mt-75 {
    margin-top: 75px;
}

.mt-80 {
    margin-top: 80px;
}

.mt-83 {
    margin-top: 83px;
}
.mt-93 {
    margin-top: 93px;
}
.mt-120 {
    margin-top: 120px;
}

.pt-150 {
    padding-top: 150px;
}

.fw-semibold {
    font-weight: 700;
}

.m-navbar {
    margin: auto !important;
}




/* custome other */
.nav-link.active {
    color: #FF6F43 !important;
    font-weight: 800 !important;
}

.text-danger-v2 {
    color: #FF6F43 !important;
}

.btn-card {
    border-color: #FF6F43 !important;
    color: #FF6F43 !important;
    border: 1px solid;
}

.card-why {
    height: 200px;
    background: #FEFEFE;
    mix-blend-mode: normal;
    border: 1px solid #E6E6E6;
    box-sizing: border-box;
    border-radius: 20px;
    display: flex;
    padding-top: 25px;
}
.card-keuntungan {
    background: #FEFEFE;
border: 1px solid #C4C4C4;
box-sizing: border-box;
border-radius: 8px;
}

.carousel-indicators  {
   bottom: -50px !important;
}
.carousel-indicators [data-bs-target] {
    background-color: rgba(163, 56, 56, 0.5) !important;
    width: 10px !important;
    height: 10px !important;
    border-radius: 100% !important;
}

.carousel-indicators .active {
    background-color: #A33838 !important;
}

.card-feature {
    background: #FEFEFE;
    border: 0.2px solid #C4C4C4;
    box-sizing: border-box;
    box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
    border-radius: 20px;
    height: 450px;
}

.card-feature-v2 {
    height: 550px;
    border-radius: 20px;
}

.card-header {
    background-color: #A33838 !important;
}


.hr-footer {
    width: 100%;
    border: 1px solid #FFFFFF;
    margin-top: 78px;
}

.text-footer {
    color: #FEFEFE;
    font-size: 16px;
}
.color-footer {
    color: #FEFEFE;
}
 .navbar-brands {
     display: none;
     background-color: #A33838;
 }
/* responsice */

@media only screen and (max-width: 1200px) {
    .card-why {
        height: 250px;
    padding-top: 0px;
    }

    .card-feature {
        background: #FEFEFE;
        border: 0.2px solid #C4C4C4;
        box-sizing: border-box;
        box-shadow: 0px 0px 7px rgba(0, 0, 0, 0.15);
        border-radius: 20px;
        height: 490px;
    }
  }
@media only screen and (max-width: 769px) {
    .card-why {
        width: 100%;
        height: 100%;

    padding-top: 0px;
    }
    .card-feature  {
        height: 100%;
    }
    .card-feature-v2  {
        height: 100%;
    }
    .card-popular {
        margin-top: 20px;
    }
    .d-sosmed {
        display: flex;
        justify-content: center !important;
        margin-top: 20px;
    }
    .d-footer {
        flex-direction: column;
        align-items: flex-start;
        justify-content: flex-start;
    
    }
    .m-navbar {
        margin-right: auto !important;
    }
    .navbar-brands {
        width: 70px !important;
        height: 70px !important;
        background-color: transparent;
        display: block;
    }
    .navbar-toggler  {
        display: flex;
        justify-content: end;
    }
    .col-navbar{
        width: 300px !important;
        height: 100px !important;
        background-color: transparent;
    }
    .img-np{
        width: 20px;
    }
  }