/*fonts*/
@font-face{
  font-family:"Delivery";
  font-style:normal;
  font-weight:200;
  src:local(Delivery), url(../fonts/Delivery/Web/WOFF2/Delivery_W_Lt.woff2) format("woff2"), url(../fonts/Delivery/Web/WOFF/Delivery_W_Lt.woff) format("woff");
  font-display: swap;
  }
 @font-face{
  font-family:"Delivery";
  font-style:italic;
  font-weight:200;
  src:local(Delivery),url(../fonts//Delivery/Web/WOFF2/Delivery_W_LtIt.woff2) format("woff2"),url(../fonts//Delivery/Web/WOFF/Delivery_W_LtIt.woff) format("woff");
  }
  @font-face{
    font-family:"Delivery";
    font-style:normal;
    font-weight:400;
  src:local(Delivery),url(../fonts/Delivery/Web/WOFF2/Delivery_W_Rg.woff2) format("woff2"),url(../fonts/Delivery/Web/WOFF/Delivery_W_Rg.woff) format("woff");
  font-display: swap;
  }
  @font-face{
    font-family:"Delivery";
    font-style:italic;
    font-weight:400;
    src:local(Delivery),url(../fonts/Delivery/Web/WOFF2/Delivery_W_It.woff2) format("woff2"),url(../fonts/Delivery/Web/WOFF/Delivery_W_Lt.woff) format("woff");
    font-display: swap;
    }
  @font-face{
    font-family:"Delivery";
    font-style:normal;
    font-weight:700;
    src:local(Delivery),url(../fonts/Delivery/Web/WOFF2/Delivery_W_Bd.woff2) format("woff2"),url(../fonts/Delivery/Web/WOFF/Delivery_W_Bd.woff) format("woff");
    font-display: swap;
  }
  @font-face{
    font-family:"Delivery";
    font-style:italic;
    font-weight:700;
    src:local(Delivery),url(../fonts/Delivery/Web/WOFF2/Delivery_W_BdIt.woff2) format("woff2"),url(../fonts/Delivery/Web/WOFF/Delivery_W_BdIt.woff) format("woff");
    font-display: swap;
    }
  @font-face{
    font-family:"Delivery";
    font-style:normal;
    font-weight:200;
    font-stretch:condensed;
    src:local(Delivery),url(../fonts/Delivery/Web/WOFF2/Delivery_W_CdLt.woff2) format("woff2"),url(../fonts/Delivery/Web/WOFF/Delivery_W_CdLt.woff) format("woff");
    font-display: swap;
  }

  @font-face{
    font-family:"Delivery";
    font-style:normal;
    font-weight:800;
    font-stretch:condensed;
    src:local(Delivery),url(../fonts/Delivery/Web/WOFF2/Delivery_W_CdBlk.woff2) format("woff2"),url(../fonts/Delivery/Web/WOFF/Delivery_W_CdBlk.woff) format("woff");
    font-display: swap;
  }
  .carousel-control-next-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 8 8'%3E%3Cpath d='M2.75 0l-1.5 1.5 2.5 2.5-2.5 2.5 1.5 1.5 4-4-4-4z'/%3E%3C/svg%3E");
}

.carousel-control-prev-icon {
    background-image: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='grey' viewBox='0 0 8 8'%3E%3Cpath d='M5.25 0l-4 4 4 4 1.5-1.5-2.5-2.5 2.5-2.5-1.5-1.5z'/%3E%3C/svg%3E");
}
  .table-mobile{
        display:none!important;
    }
    .table-desktop{
        display:block;
    }
  .card h5{
       font-family:"Delivery";
     font-weight:800;
    font-stretch:condensed;
  }
  .card p{
       font-family:"Delivery";
   
    font-stretch:condensed;
  }
  
 .mobile-slider{
     display:none!important;
 }
 .item h5{
     padding-bottom:10px;
     padding-top:10px;
 }
 
  .owl-carousel.owl-drag .owl-item{
      display: flex;
    flex: 1 0 auto;
    height: 100%;
  }
  .owl-carousel .owl-stage{
      height:100%;
  }
  .owl-carousel .owl-stage-outer{
      height:100%;
  }
  .main-content{
      display:flex;
  }
  
.flipdown .rotor-group:last-child{
    padding-right:10px;
    border-top-right-radius:10px;
 border-bottom-right-radius:10px;
}
.flipdown .rotor-group:first-child{
      border-top-left-radius:10px;
 border-bottom-left-radius:10px;
}
.flipdown .rotor-group{
  
background-color: #ebebeb;
    padding-left: 10px;
    padding-bottom:10px;
}
/* navbar */
.img-header-right {
    width:50px
}
.container-fluid{
    padding-right:5%;
    padding-left:5%;
}
.nav-link{
    font-weight:bold;
}
.active{
    color:#d30511!important;
}
.img-header{
    width:100px
}
.bg-body-tertiary{
    background: linear-gradient(to right, #fc0 0%, #fc0 30%, #ffe57f 79%, #fff0b2 100%);
}

.hero {
    min-height:100vh;
     background-color:#ebebeb;
   
}
.navbar{
    --bs-navbar-nav-link-padding-x: 2rem;
   
}
.navbar{
    font-family: 'Delivery';
    font-weight: bold;
    font-stretch: condensed;
}

/* countdown */
.flipdown.flipdown__theme-dark .rotor-group-heading:before {
    color: #fff;
  }
 .flipdown.flipdown__theme-dark .rotor-bottom, .flipdown.flipdown__theme-dark .rotor-leaf-rear {
    color: #000!important;
    background-color: #fff!important;
     border-top:1px solid #adb5bd;
    border-left: 1px solid #adb5bd;
    border-right: 1px solid #adb5bd;
    border-bottom: 1px solid #adb5bd;
    box-shadow: inset 0px -6px 5px rgba(0, 0, 0, 0.1);
  }
  
  .flipdown.flipdown__theme-dark .rotor, .flipdown.flipdown__theme-dark .rotor-top, .flipdown.flipdown__theme-dark .rotor-leaf-front {
    color: #000!important;
    background-color: #fff!important;
    border-top:1px solid #adb5bd;
    border-left: 1px solid #adb5bd;
    border-right: 1px solid #adb5bd;
   box-shadow: inset 0px 6px 5px rgba(0, 0, 0, 0.1);
  }
  
  .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):before, .flipdown.flipdown__theme-dark .rotor-group:nth-child(n+2):nth-child(-n+3):after {
    background-color: #fff;
  }
  .rotorgaris{
    
    border-left: 3px solid #000; /* Warna dan ketebalan garis dapat disesuaikan */
    height: 10px;
    position: absolute;
    margin-top: auto;
    top: 43%;
    z-index: 10;
   

}
.rotorgarisRight{
    
    border-left: 3px solid #000; /* Warna dan ketebalan garis dapat disesuaikan */
    height: 10px;
    position: absolute;
    margin-top: auto;
    top: 43%;
    z-index: 10;
   right : 0;

}

/* banner */
h1{
    color:#d30511;
    font-size:2.5rem;
     font-family:delivery;
    font-stretch: condensed;
    font-weight: bold;
   
}
h2{
    color:#d30511;
    font-size:2rem;
     font-family:delivery;
    font-stretch: condensed;
    font-weight: bold;
}

 h6.card-title{
    color:#d30511;
    font-weight:bold;
     margin-bottom:0px;
  
}
h6{
    font-weight:bold;
    font-size:1.0rem;
    line-height:1;
    margin-bottom:0px;
}
p {
    margin-bottom:10px;
}




.card-body{
    line-height:15px;
}
.card-body img{
    float:right;
}

/* slide */
.main-content {
  position: relative;
}
.main-content .owl-theme .custom-nav {
  position: absolute;
  top: 20%;
  left: 0;
  right: 0;
}
.main-content .owl-theme .custom-nav .owl-prev,
.main-content .owl-theme .custom-nav .owl-next {
  position: absolute;
  height: 100px;
  color: inherit;
  background: none;
  border: none;
  z-index: 100;
}
.main-content .owl-theme .custom-nav .owl-prev i,
.main-content .owl-theme .custom-nav .owl-next i {
  font-size: 3rem;
    color: #373b3e;
}

.main-content .owl-theme .custom-nav .owl-prev {
    margin-left:-50px;
  left: 0;
}
.main-content .owl-theme .custom-nav .owl-next {
     margin-right:-50px;
  right: 0;
}
.owl-dots{
    display:none;
}
.fa .fa-angle-left, .fa-angle-right{
    color:#444242;
}

.slide{
  
    background-color:#ebebeb;
   
}

.module-border-wrap {
  max-width: 250px;
  padding: 1rem;
  position: relative;
  background: linear-gradient(to right, red, purple);
  padding: 3px;
}

.card img{
    width:60%!important;
    height:200px;
    border-radius:15px;
    object-fit:cover
}
.card p{
    font-size:0.8rem;
}

.card {
  position: relative;
 padding-top:20px;
 padding-left:10px;
 padding-right:10px;
  padding-bottom:15px;
  margin: 5px;
 
  font-size: 30px;
    border-radius: 20px;
}

.card-one::before {
      border-radius: 10px;
  content: "";
  position: absolute;
  inset: 0;

  padding: 10px; /* control the border thickness */
  background: linear-gradient(80deg, #d71d3b, #e9f3f5);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}


.card-two::before {
      border-radius: 10px;
  content: "";
  position: absolute;
  inset: 0;

  padding: 10px; /* control the border thickness */
  background: linear-gradient(80deg, #fece08, #e9f3f5);
  -webkit-mask: 
    linear-gradient(#fff 0 0) content-box, 
    linear-gradient(#fff 0 0);
  -webkit-mask-composite: xor;
          mask-composite: exclude;
  pointer-events: none;
}

.module {
  background: #222;
  color: white;
  padding: 2rem;
}

iframe{
    border-radius:10px;
    width:100%;
    height:100%;
}

.videos{
  
       /*left: 7.5%;*/
   height: 65%;
    width: 64%;
    position: absolute;
    z-index: 1;
    margin: auto;
    top: 14%;
}
.card-body{
    text-align:center;
}
.img-fluid{
    width:75%;
}
@media(min-width:2800px){
    .container{
        max-width:2500px!important
    }
}
@media (min-width: 1800px){
    .container{
        max-width:1580px;
    }
    .card img{
        width:80%!important;
        object-fit:cover
    }
    h6{
        font-size:1rem;
    }
    .card p {
    font-size: 0.8rem;
    margin-bottom:20px;
}
}


/* query media */
@media (max-width:1280px){
    .hero h1{
        font-size:1.5rem;
    }
     .hero h2{
        font-size:1rem;
    }
    
}

@media (max-width: 992px){
    
    
}

@media (max-width: 768px){
    .timer{
        padding-top:20px!important;
    }
    .hastag{
    font-size:2rem!important;
        
    }
    .table-mobile{
        display:block!important;
    }
    .table-desktop{
        display:none!important;
    }
    .ml-auto-event, .table-event{
        margin:auto;
    }
    .card img{
        height:auto!important;
    }
    .mobile-slider{
        display:block!important;
    }
    .dekstop-slider{
        display:none!important;
    }
    .mobile-slider .item{
        margin:auto;
    }
 
    .flipdown{
        width:100%!important;
        margin:auto;
        
    }
    .flipdown.flipdown__theme-dark{
        padding-left:20%;
    }
    .flipdown .rotor-group {
    font-size: 1rem;
}
 .card-body h6,p{
        text-align:center;
    }   
    .hero h1,h2{
        text-align:center;
    }
   
    
}

@media (max-width: 567px){
    .card img{
        width:80%!important;
    }
    .custom-nav .owl-nav{
        display:none!important;
    }
   
    .flipdown.flipdown__theme-dark{
        padding-left:0;
    }
    .card{
            /*width: 60%;*/
    margin-left: auto;
    margin-right: auto;
    }
    .main-content .owl-theme .custom-nav .owl-prev{
        margin-left:0px;
        display:none;
        
    }
    .main-content .owl-theme .custom-nav .owl-next{
        margin-right:0px;
        display:none;
    }
    .card-body h6,p{
        text-align:center;
    }   
    .hero h1,h2{
        text-align:center;
    }
    .videos{
            right: 0;
    left: 0;
    height: 68%;
    top:13%;
    }
    .flipdown{
        width:80%!important;
        margin:auto;
        
    }
/*    .flipdown .rotor-group {*/
/*    font-size: 0.8rem;*/
/*}*/
    
}
 .ml-auto-event{
    margin-left: auto;
  }
  .table-event{
      margin-left:auto;
  }