.scrolling-wrapper{
            overflow-x: scroll;

          }

          .scrolling-wrapper:hover {
            overflow-x: scroll;
          }

          .force-overflow {
          min-height: 450px;
          }

          .scrollbar-primary::-webkit-scrollbar {
          width: 12px;
          background-color: #F5F5F5; }

          .scrollbar-primary::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #4285F4; }

          .scrollbar-primary {
          scrollbar-color: #4285F4 #F5F5F5;
          }

          .scrollbar-danger::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #F5F5F5;
          border-radius: 10px; }

          .scrollbar-danger::-webkit-scrollbar {
          width: 12px;
          background-color: #F5F5F5; }

          .scrollbar-danger::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #ff3547; }

          .scrollbar-danger {
          scrollbar-color: #ff3547 #F5F5F5;
          }

          .scrollbar-warning::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #F5F5F5;
          border-radius: 10px; }

          .scrollbar-warning::-webkit-scrollbar {
          width: 12px;
          background-color: #F5F5F5; }

          .scrollbar-warning::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #FF8800; }

          .scrollbar-warning {
          scrollbar-color: #FF8800 #F5F5F5;
          }

          .scrollbar-success::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #F5F5F5;
          border-radius: 10px; }

          .scrollbar-success::-webkit-scrollbar {
          width: 12px;
          background-color: #F5F5F5; }

          .scrollbar-success::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #00C851; }

          .scrollbar-success {
          scrollbar-color: #00C851 #F5F5F5;
          }

          .scrollbar-info::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #F5F5F5;
          border-radius: 10px; }

          .scrollbar-info::-webkit-scrollbar {
          width: 12px;
          background-color: #F5F5F5; }

          .scrollbar-info::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #33b5e5; }

          .scrollbar-info {
          scrollbar-color: #33b5e5 #F5F5F5;
          }

          .scrollbar-default::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #F5F5F5;
          border-radius: 10px; }

          .scrollbar-default::-webkit-scrollbar {
          width: 12px;
          background-color: #F5F5F5; }

          .scrollbar-default::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #2BBBAD; }

          .scrollbar-default {
          scrollbar-color: #2BBBAD #F5F5F5;
          }

          .scrollbar-secondary::-webkit-scrollbar-track {
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #F5F5F5;
          border-radius: 10px; }

          .scrollbar-secondary::-webkit-scrollbar {
          width: 12px;
          height: 5px;
          background-color: #F5F5F5; }

          .scrollbar-secondary::-webkit-scrollbar-thumb {
          border-radius: 10px;
          -webkit-box-shadow: inset 0 0 6px rgba(0, 0, 0, 0.1);
          background-color: #aa66cc; }

          .scrollbar-secondary {
          scrollbar-color: #aa66cc #F5F5F5;
          }
                    .subtitle{
            font-size: 1.25em;
            opacity: 0.65;
          }

          .card-block{
            height: 100px;
            background-color: #fff;
            border: none;
            background-position: center;
            background-size: cover;
            transition: all 0.2s ease-in-out !important;
            border-radius: 10px;
            &:hover{
              transform: translateY(-5px);
              box-shadow: none;
            }
          }

          .card-1{
            background-color: #00DBDE;
            background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
          }

          .card-2{
            background-color: #00DBDE;
            background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
          }

          .card-3{
            background-color: #00DBDE;
            background-image: linear-gradient(90deg, #00DBDE 0%, #FC00FF 100%);
          }

          .card-4{
            background-color: #FBAB7E;
            background-image: linear-gradient(62deg, #FBAB7E 0%, #F7CE68 100%);
          }

          .card-5{
            background-color: #85FFBD;
            background-image: linear-gradient(45deg, #85FFBD 0%, #FFFB7D 100%);
          }

          .card-6{
            background-color: #FA8BFF;
            background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
          }

          .card-7{
            background-color: #FA8BFF;
            background-image: linear-gradient(45deg, #FA8BFF 0%, #2BD2FF 52%, #2BFF88 90%);
          }

          .card-8{
            background-color: #FBDA61;
            background-image: linear-gradient(45deg, #FBDA61 0%, #FF5ACD 100%);
          }

          .card-9{
            background-color: #4158D0;
            background-image: linear-gradient(43deg, #4158D0 0%, #C850C0 46%, #FFCC70 100%);
          }

          .card-10{
            background-color: #FF3CAC;
            background-image: linear-gradient(225deg, #FF3CAC 0%, #784BA0 50%, #2B86C5 100%);

          }
		
          .img-prodi {
            border-radius: 5px;
          }


          .pmb {
            background: linear-gradient(-45deg, #ee7752, #e73c7e, #23a6d5, #23d5ab);
            background-size: 400% 400%;
            animation: gradient 15s ease infinite;
          }

          @keyframes gradient {
            0% {
              background-position: 0% 50%;
            }
            50% {
              background-position: 100% 50%;
            }
            100% {
              background-position: 0% 50%;
            }
          }