.color-custom-blue {
   color: #004C99!important;
}

[data-kt-sticky-landing-header=on] .landing-header {
   padding: 0;
   position: fixed;
   top: 0;
   right: 0;
   left: 0;
   z-index: 300;
   background-color: #B12727;
   box-shadow: 0px 10px 30px 0px rgba(82, 63, 105, 0.05);
   height: 70px;
}

.wrapper-custom{
   padding-top:110px
}

.wrapper-custom-public{
   padding-top:70px
}
.mx-landing{
   margin-left: -50px; 
   margin-right: -50px;
}
.z-1 {
   z-index: 1;
}

.justify {
   text-align: justify;
}

.glass-card {
   background: rgba(22, 100, 217, 0.5);
   /* border: 3px solid rgb(0, 0, 0); */
   box-shadow: 0 8px 60px rgba(0, 0, 0, 0.281);
   backdrop-filter: blur(3.1px);
   -webkit-backdrop-filter: blur(3.1px);
   border-radius: 0!important;
}

.biru {
   background: rgba(22, 100, 217, 0.7);
   background: linear-gradient(117deg, rgba(0,127,221,0.7) 0%, rgba(135,244,255,0.7) 100%);
}

.merah {
   background: rgba(255, 0, 0, 0.7);
   background: linear-gradient(117deg, rgba(255,4,0,0.7) 0%, rgba(253,45,189,0.7) 100%);
}

.kuning {
   background: rgba(255, 255, 0, 0.7);
   background: linear-gradient(117deg, rgba(206,255,0,0.7) 0%, rgba(255,222,0,0.7) 100%);
}

.hijau {
   background: rgba(0, 255, 0, 0.7);
   background: linear-gradient(117deg, rgba(46,150,0,0.7) 0%, rgba(151,255,0,0.7) 100%);
}

.hijau-tua {
   background: rgba(0, 94, 0, 0.7);
   background: linear-gradient(117deg, rgba(32,105,0,0.7) 0%, rgba(0,186,40,0.7) 100%);
}

.ungu {
   background: rgba(168, 0, 168, 0.7);
   background: linear-gradient(117deg, rgba(104, 0, 189, 0.7) 0%, rgba(137,0,186,0.7) 100%);
}

.pink {
   background: rgba(255, 49, 210, 0.7);
   background: linear-gradient(117deg, rgba(221,0,142,0.7) 0%, rgba(255,135,230,0.7) 100%);
}

.putih {
   background: rgba(141, 141, 141,0.7);
}

.hitam {
   background: rgba(0, 0, 0, 0.7);
}

.orange {
   background: rgba(255, 153, 0, 0.7);
   background: linear-gradient(117deg, rgba(255,141,0,0.7) 0%, rgba(253,223,45,0.7) 100%);
}

.cyan {
   background: rgba(0, 247, 255, 0.7);
   background: linear-gradient(117deg, rgba(0,221,174,0.7) 0%, rgba(135,244,255,0.7) 100%);
}

.orange:hover{
   background: linear-gradient(117deg, rgba(255,141,0,1) 0%, rgba(253,223,45,1) 100%);
}

.biru:hover {
   background: linear-gradient(117deg, rgba(0,127,221,1) 0%, rgba(135,244,255,1) 100%);
}

.merah:hover {
   background: linear-gradient(117deg, rgba(255,4,0,1) 0%, rgba(253,45,189,1) 100%);
}

.kuning:hover {
   background: linear-gradient(117deg, rgba(206,255,0,1) 0%, rgba(255,222,0,1) 100%);
}

.hijau:hover {
   background: linear-gradient(117deg, rgba(46,150,0,1) 0%, rgba(151,255,0,1) 100%);
}

.hijau-tua:hover {
   background: linear-gradient(117deg, rgba(32,105,0,1) 0%, rgba(0,186,40,1) 100%);
}

.ungu:hover {
   background: linear-gradient(117deg, rgba(104, 0, 189,1) 0%, rgba(137,0,186,1) 100%);
}

.pink:hover {
   background: linear-gradient(117deg, rgba(221,0,142,1) 0%, rgba(255,135,230,1) 100%);
}

.putih:hover {
   background: rgba(255,255,255,0.7);
}

.hitam:hover {
   background: rgba(0, 0, 0, 1);
}

.cyan:hover {
   background: linear-gradient(117deg, rgba(0,221,174,1) 0%, rgba(135,244,255,1) 100%);
}

@media (max-width:991.98px){
   .wrapper-custom{
      padding-top:80px
   }
   .wrapper-custom-public{
      padding-top:60px
   }
   
   .mx-landing{
      margin-left: -20px; 
      margin-right: -20px;
   }
   .card-nav{
      max-width:100%;
   }
   .invisible-scrollbar::-webkit-scrollbar {
      /* width: 1px; */
      display: none;
   }
}

::-webkit-scrollbar {
   width: 5px;
 }
 
::-webkit-scrollbar-track {
   background-color: darkgrey;
}

::-webkit-scrollbar-thumb {
   background-color: #B12727;
   border-radius: 100px;
}

.color-custom-red {
   color: #B12727!important;
}