@font-face
{
    font-family: 'Plus-Jakarta-Sans';
    src: url('../fonts/PlusJakartaSans-Regular.ttf');
}

@font-face
{
    font-family: 'Plus-Jakarta-Sans-Light';
    src: url('../fonts/PlusJakartaSans-Light.ttf');
}

@font-face
{
    font-family: 'Plus-Jakarta-Sans-medium';
    src: url('../fonts/PlusJakartaSans-Medium.ttf');
}


@font-face
{
    font-family: 'Plus-Jakarta-Sans-bold';
    src: url('../fonts/PlusJakartaSans-Bold.ttf');
}

@font-face
{
    font-family: 'Plus-Jakarta-Sans-semibold';
    src: url('../fonts/PlusJakartaSans-SemiBold.ttf');
}
@font-face
{
    font-family: 'Plus-Jakarta-Sans-bolditalic';
    src: url('../fonts/PlusJakartaSans-BoldItalic.ttf');
}

@font-face
{
    font-family: 'Plus-Jakarta-Sans-italic';
    src: url('../fonts/PlusJakartaSans-Italic.ttf');
}

body{
    font-family: 'Plus-Jakarta-Sans-medium';
}

.jakarta-reg , .jakarta-regular{
    font-family: 'Plus-Jakarta-Sans' !important;
}
.jakarta-light {
    font-family: 'Plus-Jakarta-Sans-Light' !important;
}

.jakarta-medium {
    font-family: 'Plus-Jakarta-Sans-medium' !important;
}

.jakarta-bold{
    font-family: 'Plus-Jakarta-Sans-bold' !important;
}

.jakarta-semibold{
    font-family: 'Plus-Jakarta-Sans-semibold' !important;
}


.jakarta-bolditalic{
    font-family: 'Plus-Jakarta-Sans-bolditalic' !important;
}

.jakarta-italic{
    font-family: 'Plus-Jakarta-Sans-italic' !important;
}

#navbar-comerce .img-logo {
    max-width: 230px;
  }

#navbar-comerce .cart-icon{
    color:#27255F;
}

#cart-quantity {
    position: absolute;
    border-radius: 50%;
    width: 22px;
    height: 22px;
    bottom: 2px;
    right: -10px;
  }

  .relative{
    position: relative;
  }

  #main-package .card , #detail-package .card , #detail-package-related .card , #success-mp .card{
    border: none;
    box-shadow: 0 5px 10px 0 rgba(0, 0, 0, 0.05);
    border-radius: 10px;
  }

  .btn-primary-1 {
    background-color: #27255F ;
    color: #fff;
  }
  .btn-primary-1:hover{
    background-color: #1d1b54 ;
    color: #fff;
  }
  .btn-outline-primary-1 {
    background-color: #fff;
    color: #27255F ;
    border: 1px solid #27255F;
  }
  .btn-outline-primary-1:hover {
    background-color: #27255F;
    border: 1px solid #27255F;
    color: #fff;
  }

  .bg-primary-1{
    background-color: #27255F !important;
  }

  .fz-14{
    font-size: 14px;
  }

  .txt-primary{
    color: #27255F;
  }
  .price{
    color: #f29221;
  }

  .deskripsi-event{
    font-size: 14px;
    color: #939393;
    line-height: 1.4;
  }

  .fz-cst{
    font-size: 14px;
    text-align:left;
}

.box-shadow-nav{
    box-shadow: 0 6px 6px 0 rgba(0, 0, 0, 0.01);
}

.min-h50vh{
    min-height: 50vh;
}

.min-h80vh{
    min-height: 80vh;
}

.position-custom{
    position: sticky;
    top: 32px;
  }

  .desktop-view{
    display: block;
  }
  .mobile-view{
    display: none;
  }

  .first-letter-l label {
    font-size: 14px;
    font-weight: 800;
  }

  .first-letter-l .form-check-input:checked {
    background-color: #27255F;
    border-color: #27255F;
}

.mx-icon-1{
    max-width: 150px;
    width: 100%;
}

.lh-14{
    line-height: 1.4;
}
.lh-16{
    line-height: 1.6;
}

.ul-error{
    font-size: 14px;
}

.atc-font{
    font-size: 14px;
}
.atc-font2{
    font-size: 14px;
}
.vd-font{
    font-size: 13px;
}

.line-clamp-2 {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }
  .line-clamp-5 {
    display: -webkit-box;
    -webkit-line-clamp: 5;
    -webkit-box-orient: vertical;
    overflow: hidden;
  }

  #main-package .card-title {
    display: -webkit-box;
    -webkit-line-clamp: 2;
    -webkit-box-orient: vertical;
    overflow: hidden;
    vertical-align: middle;
}

.detailmp-tittle{
    font-weight: bold;
    color: #27255f;
}
.detailmp-price{
    font-weight: bold;
    color: #ffa500;
}

.breadcrumb-main{
    font-weight: 600;
    color: #27255f !important;
    text-decoration: none !important;
}

.post-img-detail{
    position: sticky;
    top: 32px;
    }

    .d-prodetail {
        line-height: 1.7;
        font-size: 1rem;
        color: #646464;
    }

    .d-prodetail ul li {
        color: #646464 ;
    }

    .vh-90{
        min-height:90vh;
    }
    .vh-80{
        min-height:80vh;
    }

    .vh-85{
        min-height:85vh;
    }
    .vh-73-5 {
        min-height: 73.5vh;
    }

    .min-vh-100{
min-height: 100vh;
    }

    .seemore,
    .closes {
        background-color: transparent;
        color: #27255F;
        font-weight: bold;
        border: none;
        padding: 0px;
        margin-top: 10px;
    }

    p.price-home {
        font-size: 17px;
        margin-bottom: 20px;
    }


 @media only screen and (min-width: 768px) and (max-width: 1024px) {
    h5.fz-main-package {
        font-size: 14px;
    }

    p.price-home {
        font-size: 14px;
        font-weight: 500;
        margin-bottom: 16px;
      }
}
@media only screen and (max-width:768px){


    p.price-home {
        font-size: 14px !important;
        margin-bottom: 16px;
    }

    .text-small {
        font-size: 12px !important;
    }

    .atc-font2{
        font-size: 12px !important;
    }

    .txt-small-add{
        font-size: 14px !important;
    }
    .total-txt{
        font-size: 14px !important;
    }

    #grand-total h6{
        font-size: 14px !important;
    }

    .add-text-cart{
        font-size: 13px;
    }

    .post-img-detail{
        position: relative !important;
        top: 0px !important;
        }


    .detailmp-tittle{
        margin-top: 1rem;
        font-weight: bold;
        color: #27255f;
    }

.fixed-btn-tocart{
    border-top-left-radius: 10px;
    border-top-right-radius: 10px;
    box-shadow: 0 -5px 9px 0 rgba(0, 0, 0, 0.05);
}

.white-smoke{
    background-color: #f1f1f1;
}

    /* #main-package .card-title {
        height: 40px !important;
    } */

    .fz-main-package{
        font-size: 14px;
    }

    .mb-md-3{
margin-bottom: 1rem;
    }

    .atc-font{
        font-size: 12px;
    }
    .vd-font{
        font-size: 12px;
    }

    .desktop-view{
        display: none !important;
      }
      .mobile-view{
        display: block !important;
      }

      .fixed-postion-detail{
        position: fixed;
        bottom: 0px;
        right: 0;
        z-index: 100;
        width: 100%;
    }

}

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

    .px-mobile-0{
        padding-left: 0px !important;
        padding-right: 0px !important;
    }

    .deskripsi-event{
        font-size: 12px  !important;
        color: #939393;
        line-height: 1.6;
      }
    #navbar-comerce .img-logo {
            max-width: 145px !important;
    }

    .fz-cst{
        font-size: 9px !important;
        text-align: center !important;
    }
}