@keyframes glowMove {
    0% { text-shadow: -10px 0 20px var(--primary); }
    50% { text-shadow: 10px 0 30px var(--primary); }
    100% { text-shadow: -10px 0 20px var(--primary); }
}

.moving-glow {
    font-weight: bold;
    animation: glowMove 2s infinite alternate ease-in-out;
}
.micro {
  position: relative;
  display: flex;
  justify-content: center;
  align-items: center;
  width: var(--width);
  height: var(--height);
  background-color: var(--primary);
  border-radius: var(--borderRadius);
}

.micro:before,
.micro:after {
  position: absolute;
  content: "";
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  border: solid 3px var(--primary);
  border-radius: var(--borderRadius);
}

.micro:before {
  animation: ripple 2s linear infinite;
}

.micro:after {
  animation: ripple 2s 1s linear infinite;
}

@keyframes ripple {
  to {
    transform: scale(2);
    opacity: 0;
  }
}

.header-tag {
    position: relative;
    z-index: 9;
    /* font-size: 35px; */
    color:  var(--dark) !important;
    font-weight: bold;
    /* width: 200px; */
    /* padding-right: 20px; */
    height: var(--nav-size-slim);
}

.header-tag:before, .header-tag:after {
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    height: var(--nav-size-slim);
    z-index: -1;
}
.header-tag:before {
    left: -20px;
    width: 100%;
    transform: skew(-30deg);
    -webkit-transform: skew( -30deg);
    -moz-transform: skew( -30deg);
    -o-transform: skew( -30deg);
    -ms-transform: skew( -30deg);
}

.header-tag:before, .header-tag:after {
    background-color: #fff;
    content: "";
    position: absolute;
    bottom: 0;
    height: var(--nav-size-slim);
    z-index: -1;
}
.header-tag:after {
    right: 0;
    width: 100%;
    transform: skew(-30deg);
    -webkit-transform: skew( -30deg);
    -moz-transform: skew( -30deg);
    -o-transform: skew( -30deg);
    -ms-transform: skew( -30deg);
}

.bg-semi-transparent {
  --bs-bg-opacity: 1;
  background-color: rgba(0,0,0,.7) !important;
  color: #fff;
}
.w-1{width: 1% !important;}
.w-2{width: 2% !important;}
.w-3{width: 3% !important;}
.w-4{width: 4% !important;}
.w-5{width: 5% !important;}
.w-6{width: 6% !important;}
.w-7{width: 7% !important;}
.w-8{width: 8% !important;}
.w-9{width: 9% !important;}
.w-10{width: 10% !important;}
.w-11{width: 11% !important;}
.w-12{width: 12% !important;}
.w-13{width: 13% !important;}
.w-14{width: 14% !important;}
.w-15{width: 15% !important;}
.w-16{width: 16% !important;}
.w-17{width: 17% !important;}
.w-18{width: 18% !important;}
.w-19{width: 19% !important;}
.w-20{width: 20% !important;}
.w-21{width: 21% !important;}
.w-22{width: 22% !important;}
.w-23{width: 23% !important;}
.w-24{width: 24% !important;}
.w-25{width: 25% !important;}
.w-26{width: 26% !important;}
.w-27{width: 27% !important;}
.w-28{width: 28% !important;}
.w-29{width: 29% !important;}
.w-30{width: 30% !important;}
.w-31{width: 31% !important;}
.w-32{width: 32% !important;}
.w-33{width: 33% !important;}
.w-34{width: 34% !important;}
.w-35{width: 35% !important;}
.w-36{width: 36% !important;}
.w-37{width: 37% !important;}
.w-38{width: 38% !important;}
.w-39{width: 39% !important;}
.w-40{width: 40% !important;}
.w-41{width: 41% !important;}
.w-42{width: 42% !important;}
.w-43{width: 43% !important;}
.w-44{width: 44% !important;}
.w-45{width: 45% !important;}
.w-46{width: 46% !important;}
.w-47{width: 47% !important;}
.w-48{width: 48% !important;}
.w-49{width: 49% !important;}
.w-50{width: 50% !important;}
.w-51{width: 51% !important;}
.w-52{width: 52% !important;}
.w-53{width: 53% !important;}
.w-54{width: 54% !important;}
.w-55{width: 55% !important;}
.w-56{width: 56% !important;}
.w-57{width: 57% !important;}
.w-58{width: 58% !important;}
.w-59{width: 59% !important;}
.w-60{width: 60% !important;}
.w-61{width: 61% !important;}
.w-62{width: 62% !important;}
.w-63{width: 63% !important;}
.w-64{width: 64% !important;}
.w-65{width: 65% !important;}
.w-66{width: 66% !important;}
.w-67{width: 67% !important;}
.w-68{width: 68% !important;}
.w-69{width: 69% !important;}
.w-70{width: 70% !important;}
.w-71{width: 71% !important;}
.w-72{width: 72% !important;}
.w-73{width: 73% !important;}
.w-74{width: 74% !important;}
.w-75{width: 75% !important;}
.w-76{width: 76% !important;}
.w-77{width: 77% !important;}
.w-78{width: 78% !important;}
.w-79{width: 79% !important;}
.w-80{width: 80% !important;}
.w-81{width: 81% !important;}
.w-82{width: 82% !important;}
.w-83{width: 83% !important;}
.w-84{width: 84% !important;}
.w-85{width: 85% !important;}
.w-86{width: 86% !important;}
.w-87{width: 87% !important;}
.w-88{width: 88% !important;}
.w-89{width: 89% !important;}
.w-90{width: 90% !important;}
.w-91{width: 91% !important;}
.w-92{width: 92% !important;}
.w-93{width: 93% !important;}
.w-94{width: 94% !important;}
.w-95{width: 95% !important;}
.w-96{width: 96% !important;}
.w-97{width: 97% !important;}
.w-98{width: 98% !important;}
.w-99{width: 99% !important;}
.w-100{width: 100% !important;}

.vh-1 {height: 1vh !important;}
.vw-1 {width: 1vw !important;}
.vh-2 {height: 2vh !important;}
.vw-2 {width: 2vw !important;}
.vh-3 {height: 3vh !important;}
.vw-3 {width: 3vw !important;}
.vh-4 {height: 4vh !important;}
.vw-4 {width: 4vw !important;}
.vh-5 {height: 5vh !important;}
.vw-5 {width: 5vw !important;}
.vh-6 {height: 6vh !important;}
.vw-6 {width: 6vw !important;}
.vh-7 {height: 7vh !important;}
.vw-7 {width: 7vw !important;}
.vh-8 {height: 8vh !important;}
.vw-8 {width: 8vw !important;}
.vh-9 {height: 9vh !important;}
.vw-9 {width: 9vw !important;}
.vh-10 {height: 10vh !important;}
.vw-10 {width: 10vw !important;}
.vh-11 {height: 11vh !important;}
.vw-11 {width: 11vw !important;}
.vh-12 {height: 12vh !important;}
.vw-12 {width: 12vw !important;}
.vh-13 {height: 13vh !important;}
.vw-13 {width: 13vw !important;}
.vh-14 {height: 14vh !important;}
.vw-14 {width: 14vw !important;}
.vh-15 {height: 15vh !important;}
.vw-15 {width: 15vw !important;}
.vh-16 {height: 16vh !important;}
.vw-16 {width: 16vw !important;}
.vh-17 {height: 17vh !important;}
.vw-17 {width: 17vw !important;}
.vh-18 {height: 18vh !important;}
.vw-18 {width: 18vw !important;}
.vh-19 {height: 19vh !important;}
.vw-19 {width: 19vw !important;}
.vh-20 {height: 20vh !important;}
.vw-20 {width: 20vw !important;}
.vh-21 {height: 21vh !important;}
.vw-21 {width: 21vw !important;}
.vh-22 {height: 22vh !important;}
.vw-22 {width: 22vw !important;}
.vh-23 {height: 23vh !important;}
.vw-23 {width: 23vw !important;}
.vh-24 {height: 24vh !important;}
.vw-24 {width: 24vw !important;}
.vh-25 {height: 25vh !important;}
.vw-25 {width: 25vw !important;}
.vh-26 {height: 26vh !important;}
.vw-26 {width: 26vw !important;}
.vh-27 {height: 27vh !important;}
.vw-27 {width: 27vw !important;}
.vh-28 {height: 28vh !important;}
.vw-28 {width: 28vw !important;}
.vh-29 {height: 29vh !important;}
.vw-29 {width: 29vw !important;}
.vh-30 {height: 30vh !important;}
.vw-30 {width: 30vw !important;}
.vh-31 {height: 31vh !important;}
.vw-31 {width: 31vw !important;}
.vh-32 {height: 32vh !important;}
.vw-32 {width: 32vw !important;}
.vh-33 {height: 33vh !important;}
.vw-33 {width: 33vw !important;}
.vh-34 {height: 34vh !important;}
.vw-34 {width: 34vw !important;}
.vh-35 {height: 35vh !important;}
.vw-35 {width: 35vw !important;}
.vh-36 {height: 36vh !important;}
.vw-36 {width: 36vw !important;}
.vh-37 {height: 37vh !important;}
.vw-37 {width: 37vw !important;}
.vh-38 {height: 38vh !important;}
.vw-38 {width: 38vw !important;}
.vh-39 {height: 39vh !important;}
.vw-39 {width: 39vw !important;}
.vh-40 {height: 40vh !important;}
.vw-40 {width: 40vw !important;}
.vh-41 {height: 41vh !important;}
.vw-41 {width: 41vw !important;}
.vh-42 {height: 42vh !important;}
.vw-42 {width: 42vw !important;}
.vh-43 {height: 43vh !important;}
.vw-43 {width: 43vw !important;}
.vh-44 {height: 44vh !important;}
.vw-44 {width: 44vw !important;}
.vh-45 {height: 45vh !important;}
.vw-45 {width: 45vw !important;}
.vh-46 {height: 46vh !important;}
.vw-46 {width: 46vw !important;}
.vh-47 {height: 47vh !important;}
.vw-47 {width: 47vw !important;}
.vh-48 {height: 48vh !important;}
.vw-48 {width: 48vw !important;}
.vh-49 {height: 49vh !important;}
.vw-49 {width: 49vw !important;}
.vh-50 {height: 50vh !important;}
.vw-50 {width: 50vw !important;}
.vh-51 {height: 51vh !important;}
.vw-51 {width: 51vw !important;}
.vh-52 {height: 52vh !important;}
.vw-52 {width: 52vw !important;}
.vh-53 {height: 53vh !important;}
.vw-53 {width: 53vw !important;}
.vh-54 {height: 54vh !important;}
.vw-54 {width: 54vw !important;}
.vh-55 {height: 55vh !important;}
.vw-55 {width: 55vw !important;}
.vh-56 {height: 56vh !important;}
.vw-56 {width: 56vw !important;}
.vh-57 {height: 57vh !important;}
.vw-57 {width: 57vw !important;}
.vh-58 {height: 58vh !important;}
.vw-58 {width: 58vw !important;}
.vh-59 {height: 59vh !important;}
.vw-59 {width: 59vw !important;}
.vh-60 {height: 60vh !important;}
.vw-60 {width: 60vw !important;}
.vh-61 {height: 61vh !important;}
.vw-61 {width: 61vw !important;}
.vh-62 {height: 62vh !important;}
.vw-62 {width: 62vw !important;}
.vh-63 {height: 63vh !important;}
.vw-63 {width: 63vw !important;}
.vh-64 {height: 64vh !important;}
.vw-64 {width: 64vw !important;}
.vh-65 {height: 65vh !important;}
.vw-65 {width: 65vw !important;}
.vh-66 {height: 66vh !important;}
.vw-66 {width: 66vw !important;}
.vh-67 {height: 67vh !important;}
.vw-67 {width: 67vw !important;}
.vh-68 {height: 68vh !important;}
.vw-68 {width: 68vw !important;}
.vh-69 {height: 69vh !important;}
.vw-69 {width: 69vw !important;}
.vh-70 {height: 70vh !important;}
.vw-70 {width: 70vw !important;}
.vh-71 {height: 71vh !important;}
.vw-71 {width: 71vw !important;}
.vh-72 {height: 72vh !important;}
.vw-72 {width: 72vw !important;}
.vh-73 {height: 73vh !important;}
.vw-73 {width: 73vw !important;}
.vh-74 {height: 74vh !important;}
.vw-74 {width: 74vw !important;}
.vh-75 {height: 75vh !important;}
.vw-75 {width: 75vw !important;}
.vh-76 {height: 76vh !important;}
.vw-76 {width: 76vw !important;}
.vh-77 {height: 77vh !important;}
.vw-77 {width: 77vw !important;}
.vh-78 {height: 78vh !important;}
.vw-78 {width: 78vw !important;}
.vh-79 {height: 79vh !important;}
.vw-79 {width: 79vw !important;}
.vh-80 {height: 80vh !important;}
.vw-80 {width: 80vw !important;}
.vh-81 {height: 81vh !important;}
.vw-81 {width: 81vw !important;}
.vh-82 {height: 82vh !important;}
.vw-82 {width: 82vw !important;}
.vh-83 {height: 83vh !important;}
.vw-83 {width: 83vw !important;}
.vh-84 {height: 84vh !important;}
.vw-84 {width: 84vw !important;}
.vh-85 {height: 85vh !important;}
.vw-85 {width: 85vw !important;}
.vh-86 {height: 86vh !important;}
.vw-86 {width: 86vw !important;}
.vh-87 {height: 87vh !important;}
.vw-87 {width: 87vw !important;}
.vh-88 {height: 88vh !important;}
.vw-88 {width: 88vw !important;}
.vh-89 {height: 89vh !important;}
.vw-89 {width: 89vw !important;}
.vh-90 {height: 90vh !important;}
.vw-90 {width: 90vw !important;}
.vh-91 {height: 91vh !important;}
.vw-91 {width: 91vw !important;}
.vh-92 {height: 92vh !important;}
.vw-92 {width: 92vw !important;}
.vh-93 {height: 93vh !important;}
.vw-93 {width: 93vw !important;}
.vh-94 {height: 94vh !important;}
.vw-94 {width: 94vw !important;}
.vh-95 {height: 95vh !important;}
.vw-95 {width: 95vw !important;}
.vh-96 {height: 96vh !important;}
.vw-96 {width: 96vw !important;}
.vh-97 {height: 97vh !important;}
.vw-97 {width: 97vw !important;}
.vh-98 {height: 98vh !important;}
.vw-98 {width: 98vw !important;}
.vh-99 {height: 99vh !important;}
.vw-99 {width: 99vw !important;}
.vh-100 {height: 100vh !important;}
.vw-100 {width: 100vw !important;}

.lh-0 {
  line-height: 0.5 !important;
}


.m-n1 {
  margin: -0.25rem !important;
}

.m-n2 {
  margin: -0.5rem !important;
}

.m-n3 {
  margin: -0.75rem !important;
}

.m-n4 {
  margin: -1rem !important;
}

.m-n5 {
  margin: -1.25rem !important;
}

.m-n6 {
  margin: -1.5rem !important;
}

.m-n7 {
  margin: -1.75rem !important;
}

.m-n8 {
  margin: -2rem !important;
}

.m-n9 {
  margin: -2.25rem !important;
}

.m-n10 {
  margin: -2.5rem !important;
}

.m-n11 {
  margin: -2.75rem !important;
}

.m-n12 {
  margin: -3rem !important;
}

.m-n13 {
  margin: -3.25rem !important;
}

.m-n14 {
  margin: -3.5rem !important;
}

.m-n15 {
  margin: -3.75rem !important;
}

.m-n16 {
  margin: -4rem !important;
}

.m-n17 {
  margin: -4.25rem !important;
}

.m-n18 {
  margin: -4.5rem !important;
}

.m-n19 {
  margin: -4.75rem !important;
}

.m-n20 {
  margin: -5rem !important;
}

.mx-n1 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}

.mx-n2 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}

.mx-n3 {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}

.mx-n4 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}

.mx-n5 {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
}

.mx-n6 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}

.mx-n7 {
  margin-left: -1.75rem !important;
  margin-right: -1.75rem !important;
}

.mx-n8 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}

.mx-n9 {
  margin-left: -2.25rem !important;
  margin-right: -2.25rem !important;
}

.mx-n10 {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}

.mx-n11 {
  margin-left: -2.75rem !important;
  margin-right: -2.75rem !important;
}

.mx-n12 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}

.mx-n13 {
  margin-left: -3.25rem !important;
  margin-right: -3.25rem !important;
}

.mx-n14 {
  margin-left: -3.5rem !important;
  margin-right: -3.5rem !important;
}

.mx-n15 {
  margin-left: -3.75rem !important;
  margin-right: -3.75rem !important;
}

.mx-n16 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}

.mx-n17 {
  margin-left: -4.25rem !important;
  margin-right: -4.25rem !important;
}

.mx-n18 {
  margin-left: -4.5rem !important;
  margin-right: -4.5rem !important;
}

.mx-n19 {
  margin-left: -4.75rem !important;
  margin-right: -4.75rem !important;
}

.mx-n20 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}

.my-n1 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}

.my-n2 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}

.my-n3 {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}

.my-n4 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}

.my-n5 {
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}

.my-n6 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}

.my-n7 {
  margin-top: -1.75rem !important;
  margin-bottom: -1.75rem !important;
}

.my-n8 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}

.my-n9 {
  margin-top: -2.25rem !important;
  margin-bottom: -2.25rem !important;
}

.my-n10 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}

.my-n11 {
  margin-top: -2.75rem !important;
  margin-bottom: -2.75rem !important;
}

.my-n12 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}

.my-n13 {
  margin-top: -3.25rem !important;
  margin-bottom: -3.25rem !important;
}

.my-n14 {
  margin-top: -3.5rem !important;
  margin-bottom: -3.5rem !important;
}

.my-n15 {
  margin-top: -3.75rem !important;
  margin-bottom: -3.75rem !important;
}

.my-n16 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}

.my-n17 {
  margin-top: -4.25rem !important;
  margin-bottom: -4.25rem !important;
}

.my-n18 {
  margin-top: -4.5rem !important;
  margin-bottom: -4.5rem !important;
}

.my-n19 {
  margin-top: -4.75rem !important;
  margin-bottom: -4.75rem !important;
}

.my-n20 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}

.mt-n1 {
  margin-top: -0.25rem !important;
}

.mt-n2 {
  margin-top: -0.5rem !important;
}

.mt-n3 {
  margin-top: -0.75rem !important;
}

.mt-n4 {
  margin-top: -1rem !important;
}

.mt-n5 {
  margin-top: -1.25rem !important;
}

.mt-n6 {
  margin-top: -1.5rem !important;
}

.mt-n7 {
  margin-top: -1.75rem !important;
}

.mt-n8 {
  margin-top: -2rem !important;
}

.mt-n9 {
  margin-top: -2.25rem !important;
}

.mt-n10 {
  margin-top: -2.5rem !important;
}

.mt-n11 {
  margin-top: -2.75rem !important;
}

.mt-n12 {
  margin-top: -3rem !important;
}

.mt-n13 {
  margin-top: -3.25rem !important;
}

.mt-n14 {
  margin-top: -3.5rem !important;
}

.mt-n15 {
  margin-top: -3.75rem !important;
}

.mt-n16 {
  margin-top: -4rem !important;
}

.mt-n17 {
  margin-top: -4.25rem !important;
}

.mt-n18 {
  margin-top: -4.5rem !important;
}

.mt-n19 {
  margin-top: -4.75rem !important;
}

.mt-n20 {
  margin-top: -5rem !important;
}

.me-n1 {
  margin-left: -0.25rem !important;
}

.me-n2 {
  margin-left: -0.5rem !important;
}

.me-n3 {
  margin-left: -0.75rem !important;
}

.me-n4 {
  margin-left: -1rem !important;
}

.me-n5 {
  margin-left: -1.25rem !important;
}

.me-n6 {
  margin-left: -1.5rem !important;
}

.me-n7 {
  margin-left: -1.75rem !important;
}

.me-n8 {
  margin-left: -2rem !important;
}

.me-n9 {
  margin-left: -2.25rem !important;
}

.me-n10 {
  margin-left: -2.5rem !important;
}

.me-n11 {
  margin-left: -2.75rem !important;
}

.me-n12 {
  margin-left: -3rem !important;
}

.me-n13 {
  margin-left: -3.25rem !important;
}

.me-n14 {
  margin-left: -3.5rem !important;
}

.me-n15 {
  margin-left: -3.75rem !important;
}

.me-n16 {
  margin-left: -4rem !important;
}

.me-n17 {
  margin-left: -4.25rem !important;
}

.me-n18 {
  margin-left: -4.5rem !important;
}

.me-n19 {
  margin-left: -4.75rem !important;
}

.me-n20 {
  margin-left: -5rem !important;
}

.mb-n1 {
  margin-bottom: -0.25rem !important;
}

.mb-n2 {
  margin-bottom: -0.5rem !important;
}

.mb-n3 {
  margin-bottom: -0.75rem !important;
}

.mb-n4 {
  margin-bottom: -1rem !important;
}

.mb-n5 {
  margin-bottom: -1.25rem !important;
}

.mb-n6 {
  margin-bottom: -1.5rem !important;
}

.mb-n7 {
  margin-bottom: -1.75rem !important;
}

.mb-n8 {
  margin-bottom: -2rem !important;
}

.mb-n9 {
  margin-bottom: -2.25rem !important;
}

.mb-n10 {
  margin-bottom: -2.5rem !important;
}

.mb-n11 {
  margin-bottom: -2.75rem !important;
}

.mb-n12 {
  margin-bottom: -3rem !important;
}

.mb-n13 {
  margin-bottom: -3.25rem !important;
}

.mb-n14 {
  margin-bottom: -3.5rem !important;
}

.mb-n15 {
  margin-bottom: -3.75rem !important;
}

.mb-n16 {
  margin-bottom: -4rem !important;
}

.mb-n17 {
  margin-bottom: -4.25rem !important;
}

.mb-n18 {
  margin-bottom: -4.5rem !important;
}

.mb-n19 {
  margin-bottom: -4.75rem !important;
}

.mb-n20 {
  margin-bottom: -5rem !important;
}

.ms-n1 {
  margin-right: -0.25rem !important;
}

.ms-n2 {
  margin-right: -0.5rem !important;
}

.ms-n3 {
  margin-right: -0.75rem !important;
}

.ms-n4 {
  margin-right: -1rem !important;
}

.ms-n5 {
  margin-right: -1.25rem !important;
}

.ms-n6 {
  margin-right: -1.5rem !important;
}

.ms-n7 {
  margin-right: -1.75rem !important;
}

.ms-n8 {
  margin-right: -2rem !important;
}

.ms-n9 {
  margin-right: -2.25rem !important;
}

.ms-n10 {
  margin-right: -2.5rem !important;
}

.ms-n11 {
  margin-right: -2.75rem !important;
}

.ms-n12 {
  margin-right: -3rem !important;
}

.ms-n13 {
  margin-right: -3.25rem !important;
}

.ms-n14 {
  margin-right: -3.5rem !important;
}

.ms-n15 {
  margin-right: -3.75rem !important;
}

.ms-n16 {
  margin-right: -4rem !important;
}

.ms-n17 {
  margin-right: -4.25rem !important;
}

.ms-n18 {
  margin-right: -4.5rem !important;
}

.ms-n19 {
  margin-right: -4.75rem !important;
}

.ms-n20 {
  margin-right: -5rem !important;
}

.ribbon {
  position: relative;
}
.ribbon .ribbon-label {
  display: flex;
  justify-content: center;
  align-items: center;
  padding: 5px 10px;
  position: absolute;
  z-index: 1;
  background-color: var(--kt-ribbon-label-bg);
  box-shadow: var(--kt-ribbon-label-box-shadow);
  color: var(--kt-primary-inverse);
  top: 50%;
  left: 0;
  transform: translateX(5px) translateY(-50%);
}
.ribbon .ribbon-label > .ribbon-inner {
  z-index: -1;
  position: absolute;
  padding: 0;
  width: 100%;
  height: 100%;
  top: 0;
  right: 0;
}
.ribbon .ribbon-label:after {
  border-color: var(--kt-ribbon-label-border-color);
}
.ribbon-vertical .ribbon-label {
  padding: 5px 10px;
  min-width: 36px;
  min-height: 46px;
  text-align: center;
}
.ribbon-vertical .ribbon-label-standard {
  padding: 5px 10px;
  text-align: center;
}
.ribbon.ribbon-top .ribbon-label {
  top: 0;
  transform: translateX(18px) translateY(0px);
  border-bottom-left-radius: 0.95rem;
  border-bottom-right-radius: 0.95rem;
}
.ribbon.ribbon-bottom .ribbon-label {
  border-top-left-radius: 0.95rem;
  border-top-right-radius: 0.95rem;
}
.ribbon.ribbon-start .ribbon-label {
  top: 50%;
  right: 0;
  left: auto;
  transform: translateX(-5px) translateY(-50%);
  border-top-left-radius: 0.95rem;
  border-bottom-left-radius: 0.95rem;
}
.ribbon.ribbon-end .ribbon-label {
  border-top-right-radius: 0.95rem;
  border-bottom-right-radius: 0.95rem;
}

.ribbon.ribbon-clip.ribbon-start .ribbon-label {
  right: -5px;
}
.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner {
  border-top-left-radius: 0.95rem;
  border-bottom-left-radius: 0.95rem;
}
.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent !important;
  bottom: -10px;
}
.ribbon.ribbon-clip.ribbon-start .ribbon-label .ribbon-inner:before {
  border-width: 0 10px 10px 0;
  border-left-color: var(--kt-ribbon-clip-bg) !important;
  right: 0;
}
.ribbon.ribbon-clip.ribbon-end .ribbon-label {
  left: -5px;
}
.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner {
  border-top-right-radius: 0.95rem;
  border-bottom-right-radius: 0.95rem;
}
.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before, .ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:after {
  content: "";
  position: absolute;
  border-style: solid;
  border-color: transparent !important;
  bottom: -10px;
}
.ribbon.ribbon-clip.ribbon-end .ribbon-label .ribbon-inner:before {
  border-width: 0 0 10px 10px;
  border-right-color: var(--kt-ribbon-clip-bg) !important;
  left: 0;
}

.ribbon.ribbon-triangle {
  position: absolute;
  z-index: 1;
  display: flex;
  align-items: flex-start;
  justify-content: flex-start;
}
.ribbon.ribbon-triangle.ribbon-top-start {
  top: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border-bottom: solid 2rem transparent !important;
  border-right: solid 2rem transparent;
  border-left: solid 2rem transparent !important;
  border-top: solid 2rem transparent;
}
.ribbon.ribbon-triangle.ribbon-top-end {
  top: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-bottom: solid 2rem transparent !important;
  border-right: solid 2rem transparent !important;
  border-left: solid 2rem transparent;
  border-top: solid 2rem transparent;
}
.ribbon.ribbon-triangle.ribbon-bottom-start {
  bottom: 0;
  right: 0;
  width: 4rem;
  height: 4rem;
  border-bottom: solid 2rem transparent;
  border-right: solid 2rem transparent;
  border-left: solid 2rem transparent !important;
  border-top: solid 2rem transparent !important;
}
.ribbon.ribbon-triangle.ribbon-bottom-end {
  bottom: 0;
  left: 0;
  width: 4rem;
  height: 4rem;
  border-bottom: solid 2rem transparent;
  border-left: solid 2rem transparent;
  border-right: solid 2rem transparent !important;
  border-top: solid 2rem transparent !important;
}


.ribbon-wrapper-1 {
  width: 106px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-1 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -11px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px; }

.ribbon-1:before, .ribbon-1:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-1:before {
  right: 0; }

.ribbon-1:after {
  left: 0; }

.ribbon-wrapper-2 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-2 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5); }

.ribbon-2:before, .ribbon-2:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-2:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #4e7c7d;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-2:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #4e7c7d;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-wrapper-3 {
  width: 106px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  right: -6px; }

.ribbon-3 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  position: relative;
  padding: 7px 0;
  right: -33px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px; }

.ribbon-3:before, .ribbon-3:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-3:before {
  right: 0; }

.ribbon-3:after {
  left: 0; }

.ribbon-wrapper-4 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-4 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  background-image: linear-gradient(#6daaab, #4e7c7d);
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }

.ribbon-4:before, .ribbon-4:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-4:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #4e7c7d;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-4:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #4e7c7d;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-wrapper-5 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-5 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  background-image: radial-gradient(circle farthest-side, #6daaab, #4e7c7d);
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4); }

.ribbon-5:before, .ribbon-5:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-5:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #4e7c7d;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-5:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #4e7c7d;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-wrapper-6 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-6 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  background-image: linear-gradient(#4e7c7d -50%, #6daaab 50%, #6daaab 0%, #4e7c7d 150%);
  text-shadow: 0px 0px 5px rgba(0, 0, 0, 0.4);
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5); }

.ribbon-6:before, .ribbon-6:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-6:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #4e7c7d;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-6:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #4e7c7d;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-wrapper-7 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-7 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
  outline: 1px solid #fff;
  outline-offset: -4px; }

.ribbon-7:before, .ribbon-7:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-7:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #4e7c7d;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-7:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #4e7c7d;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-wrapper-8 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-8 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #333;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  color: #fff;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
  outline: 1px dashed #fff;
  outline-offset: -4px; }

.ribbon-8:before, .ribbon-8:after {
  content: "";
  border-top: 4px solid #4e7c7d;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-8:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #4e7c7d;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-8:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #4e7c7d;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #4e7c7d; }

.ribbon-wrapper-9 {
  width: 108px;
  height: 108px;
  overflow: hidden;
  position: absolute;
  top: -6px;
  left: -6px; }

.ribbon-9 {
  font: bold 15px Sans-Serif;
  line-height: 18px;
  color: #e9ea7b;
  text-align: center;
  text-transform: uppercase;
  -webkit-transform: rotate(315deg);
  -moz-transform: rotate(315deg);
  -ms-transform: rotate(315deg);
  -o-transform: rotate(315deg);
  position: relative;
  padding: 7px 0;
  right: -4px;
  top: 26px;
  width: 150px;
  background-color: #6daaab;
  box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1);
  letter-spacing: 0.5px;
  box-shadow: -3px 5px 6px -5px rgba(0, 0, 0, 0.5);
  outline: 1px dotted #E5E82C;
  outline-offset: -4px;
  background-image: radial-gradient(circle farthest-side, #FF1C1A, #BF0B00);
  text-shadow: 2px 1px 0px rgba(0, 0, 0, 0.2); }

.ribbon-9:before, .ribbon-9:after {
  content: "";
  border-top: 4px solid #BF0B00;
  border-right: 4px solid transparent;
  border-left: 4px solid transparent;
  position: absolute;
  bottom: -4px; }

.ribbon-9:before {
  content: "";
  position: absolute;
  right: 0px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid #BF0B00;
  border-left: 4px solid transparent;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #BF0B00; }

.ribbon-9:after {
  content: "";
  position: absolute;
  left: 7px;
  top: 100%;
  z-index: -1;
  border-right: 4px solid transparent;
  border-left: 4px solid #BF0B00;
  border-bottom: 4px solid transparent;
  border-top: 4px solid #BF0B00; }






/* positions usage:
   .position-absolute|relative|static|fixed .pos-top|right|left|bottom */
.pos-top {
  top: 0; }

.pos-right {
  right: 0; }

.pos-left {
  left: 0; }

.pos-bottom {
  bottom: 0; }


::-webkit-scrollbar {
    width: 8px;
    border: 2px solid var(--gradient-1);
}
::-webkit-scrollbar-button:single-button {
    height: 0px;
    width: 8px;
}
::-webkit-scrollbar-thumb {
    background: var(--gradient-1);
    border-radius: 5px;
}
::-webkit-scrollbar-track {
    background: #f3f3f3;
}
::-webkit-scrollbar-track-piece{
    background: #f3f3f3;
}

::-webkit-resizer {
    background: var(--bs-primary);
}
.dataTables_scrollBody{
  padding-top: 10px !important;
}
.footerfixed{
  position: fixed !important;
  height: var(--nav-size-slim);
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
  border-top-left-radius: var(--border-radius-lg);
  border-top-right-radius: var(--border-radius-lg);

  /* background-image: linear-gradient(160deg, var(--gradient-1), var(--dark-text), var(--gradient-2), var(--gradient-3), var(--dark-text)); */
  /* height: 4rem  !important; */
  z-index: 5 !important;
  padding: 0 !important;
}
.f-05{ font-size: 0.5em !important;}
.f-06{ font-size: 0.6em !important;}
.f-07{ font-size: 0.7em !important;}
.f-08{ font-size: 0.8em !important;}
.f-09{ font-size: 0.9em !important;}
.f-10{ font-size: 1em !important;}
.f-11{ font-size: 1.1em !important;}
.f-12{ font-size: 1.2em !important;}
.f-13{ font-size: 1.3em !important;}
.f-14{ font-size: 1.4em !important;}
.f-15{ font-size: 1.5em !important;}
.f-16{ font-size: 1.6em !important;}
.f-17{ font-size: 1.7em !important;}
.f-18{ font-size: 1.8em !important;}
.f-19{ font-size: 1.9em !important;}
.f-20{ font-size: 2em !important;}
.f-21{ font-size: 2.1em !important;}
.f-22{ font-size: 2.2em !important;}
.f-23{ font-size: 2.3em !important;}
.f-24{ font-size: 2.4em !important;}
.f-25{ font-size: 2.5em !important;}
.f-26{ font-size: 2.6em !important;}
.f-27{ font-size: 2.7em !important;}
.f-28{ font-size: 2.8em !important;}
.f-29{ font-size: 2.9em !important;}
.f-30{ font-size: 3em !important;}
.f-31{ font-size: 3.1em !important;}
.f-32{ font-size: 3.2em !important;}
.f-33{ font-size: 3.3em !important;}
.f-34{ font-size: 3.4em !important;}
.f-35{ font-size: 3.5em !important;}
.f-36{ font-size: 3.6em !important;}
.f-37{ font-size: 3.7em !important;}
.f-38{ font-size: 3.8em !important;}
.f-39{ font-size: 3.9em !important;}
.f-40{ font-size: 4em !important;}
.f-41{ font-size: 4.1em !important;}
.f-42{ font-size: 4.2em !important;}
.f-43{ font-size: 4.3em !important;}
.f-44{ font-size: 4.4em !important;}
.f-45{ font-size: 4.5em !important;}
.f-46{ font-size: 4.6em !important;}
.f-47{ font-size: 4.7em !important;}
.f-48{ font-size: 4.8em !important;}
.f-49{ font-size: 4.9em !important;}
.f-50{ font-size: 5em !important;}
.f-51{ font-size: 5.1em !important;}
.f-52{ font-size: 5.2em !important;}
.f-53{ font-size: 5.3em !important;}
.f-54{ font-size: 5.4em !important;}
.f-55{ font-size: 5.5em !important;}
.f-56{ font-size: 5.6em !important;}
.f-57{ font-size: 5.7em !important;}
.f-58{ font-size: 5.8em !important;}
.f-59{ font-size: 5.9em !important;}
.f-60{ font-size: 6em !important;}
@media (min-width:576px) { .w-sm-10 { width: 10% !important }
.w-sm-20 { width: 20% !important }
.w-sm-30 { width: 30% !important }
.w-sm-40 { width: 40% !important }
.w-sm-50 { width: 50% !important }
.w-sm-60 { width: 60% !important }
.w-sm-70 { width: 70% !important }
.w-sm-80 { width: 80% !important }
.w-sm-90 { width: 90% !important }
.w-sm-100 { width: 100% !important }
.w-md-10 { width: 10% !important }
.w-md-20 { width: 20% !important }
.w-md-30 { width: 30% !important }
.w-md-40 { width: 40% !important }
.w-md-50 { width: 50% !important }
.w-md-60 { width: 60% !important }
.w-md-70 { width: 70% !important }
.w-md-80 { width: 80% !important }
.w-md-90 { width: 90% !important }
.w-md-100 { width: 100% !important }
.w-lg-10 { width: 10% !important }
.w-lg-20 { width: 20% !important }
.w-lg-30 { width: 30% !important }
.w-lg-40 { width: 40% !important }
.w-lg-50 { width: 50% !important }
.w-lg-60 { width: 60% !important }
.w-lg-70 { width: 70% !important }
.w-lg-80 { width: 80% !important }
.w-lg-90 { width: 90% !important }
.w-lg-100 { width: 100% !important }
.w-xl-10 { width: 10% !important }
.w-xl-20 { width: 20% !important }
.w-xl-30 { width: 30% !important }
.w-xl-40 { width: 40% !important }
.w-xl-50 { width: 50% !important }
.w-xl-60 { width: 60% !important }
.w-xl-70 { width: 70% !important }
.w-xl-80 { width: 80% !important }
.w-xl-90 { width: 90% !important }
.w-xl-100 { width: 100% !important }
.w-xxl-10 { width: 10% !important }
.w-xxl-20 { width: 20% !important }
.w-xxl-30 { width: 30% !important }
.w-xxl-40 { width: 40% !important }
.w-xxl-50 { width: 50% !important }
.w-xxl-60 { width: 60% !important }
.w-xxl-70 { width: 70% !important }
.w-xxl-80 { width: 80% !important }
.w-xxl-90 { width: 90% !important }
.w-xxl-100 { width: 100% !important }
}
@media (min-width:768px) { .w-sm-10 { width: 10% !important }
.w-sm-20 { width: 20% !important }
.w-sm-30 { width: 30% !important }
.w-sm-40 { width: 40% !important }
.w-sm-50 { width: 50% !important }
.w-sm-60 { width: 60% !important }
.w-sm-70 { width: 70% !important }
.w-sm-80 { width: 80% !important }
.w-sm-90 { width: 90% !important }
.w-sm-100 { width: 100% !important }
.w-md-10 { width: 10% !important }
.w-md-20 { width: 20% !important }
.w-md-30 { width: 30% !important }
.w-md-40 { width: 40% !important }
.w-md-50 { width: 50% !important }
.w-md-60 { width: 60% !important }
.w-md-70 { width: 70% !important }
.w-md-80 { width: 80% !important }
.w-md-90 { width: 90% !important }
.w-md-100 { width: 100% !important }
.w-lg-10 { width: 10% !important }
.w-lg-20 { width: 20% !important }
.w-lg-30 { width: 30% !important }
.w-lg-40 { width: 40% !important }
.w-lg-50 { width: 50% !important }
.w-lg-60 { width: 60% !important }
.w-lg-70 { width: 70% !important }
.w-lg-80 { width: 80% !important }
.w-lg-90 { width: 90% !important }
.w-lg-100 { width: 100% !important }
.w-xl-10 { width: 10% !important }
.w-xl-20 { width: 20% !important }
.w-xl-30 { width: 30% !important }
.w-xl-40 { width: 40% !important }
.w-xl-50 { width: 50% !important }
.w-xl-60 { width: 60% !important }
.w-xl-70 { width: 70% !important }
.w-xl-80 { width: 80% !important }
.w-xl-90 { width: 90% !important }
.w-xl-100 { width: 100% !important }
.w-xxl-10 { width: 10% !important }
.w-xxl-20 { width: 20% !important }
.w-xxl-30 { width: 30% !important }
.w-xxl-40 { width: 40% !important }
.w-xxl-50 { width: 50% !important }
.w-xxl-60 { width: 60% !important }
.w-xxl-70 { width: 70% !important }
.w-xxl-80 { width: 80% !important }
.w-xxl-90 { width: 90% !important }
.w-xxl-100 { width: 100% !important }
}
@media (min-width:992px) { .w-sm-10 { width: 10% !important }
.w-sm-20 { width: 20% !important }
.w-sm-30 { width: 30% !important }
.w-sm-40 { width: 40% !important }
.w-sm-50 { width: 50% !important }
.w-sm-60 { width: 60% !important }
.w-sm-70 { width: 70% !important }
.w-sm-80 { width: 80% !important }
.w-sm-90 { width: 90% !important }
.w-sm-100 { width: 100% !important }
.w-md-10 { width: 10% !important }
.w-md-20 { width: 20% !important }
.w-md-30 { width: 30% !important }
.w-md-40 { width: 40% !important }
.w-md-50 { width: 50% !important }
.w-md-60 { width: 60% !important }
.w-md-70 { width: 70% !important }
.w-md-80 { width: 80% !important }
.w-md-90 { width: 90% !important }
.w-md-100 { width: 100% !important }
.w-lg-10 { width: 10% !important }
.w-lg-20 { width: 20% !important }
.w-lg-30 { width: 30% !important }
.w-lg-40 { width: 40% !important }
.w-lg-50 { width: 50% !important }
.w-lg-60 { width: 60% !important }
.w-lg-70 { width: 70% !important }
.w-lg-80 { width: 80% !important }
.w-lg-90 { width: 90% !important }
.w-lg-100 { width: 100% !important }
.w-xl-10 { width: 10% !important }
.w-xl-20 { width: 20% !important }
.w-xl-30 { width: 30% !important }
.w-xl-40 { width: 40% !important }
.w-xl-50 { width: 50% !important }
.w-xl-60 { width: 60% !important }
.w-xl-70 { width: 70% !important }
.w-xl-80 { width: 80% !important }
.w-xl-90 { width: 90% !important }
.w-xl-100 { width: 100% !important }
.w-xxl-10 { width: 10% !important }
.w-xxl-20 { width: 20% !important }
.w-xxl-30 { width: 30% !important }
.w-xxl-40 { width: 40% !important }
.w-xxl-50 { width: 50% !important }
.w-xxl-60 { width: 60% !important }
.w-xxl-70 { width: 70% !important }
.w-xxl-80 { width: 80% !important }
.w-xxl-90 { width: 90% !important }
.w-xxl-100 { width: 100% !important }
}
@media (min-width:1200px) { .w-sm-10 { width: 10% !important }
.w-sm-20 { width: 20% !important }
.w-sm-30 { width: 30% !important }
.w-sm-40 { width: 40% !important }
.w-sm-50 { width: 50% !important }
.w-sm-60 { width: 60% !important }
.w-sm-70 { width: 70% !important }
.w-sm-80 { width: 80% !important }
.w-sm-90 { width: 90% !important }
.w-sm-100 { width: 100% !important }
.w-md-10 { width: 10% !important }
.w-md-20 { width: 20% !important }
.w-md-30 { width: 30% !important }
.w-md-40 { width: 40% !important }
.w-md-50 { width: 50% !important }
.w-md-60 { width: 60% !important }
.w-md-70 { width: 70% !important }
.w-md-80 { width: 80% !important }
.w-md-90 { width: 90% !important }
.w-md-100 { width: 100% !important }
.w-lg-10 { width: 10% !important }
.w-lg-20 { width: 20% !important }
.w-lg-30 { width: 30% !important }
.w-lg-40 { width: 40% !important }
.w-lg-50 { width: 50% !important }
.w-lg-60 { width: 60% !important }
.w-lg-70 { width: 70% !important }
.w-lg-80 { width: 80% !important }
.w-lg-90 { width: 90% !important }
.w-lg-100 { width: 100% !important }
.w-xl-10 { width: 10% !important }
.w-xl-20 { width: 20% !important }
.w-xl-30 { width: 30% !important }
.w-xl-40 { width: 40% !important }
.w-xl-50 { width: 50% !important }
.w-xl-60 { width: 60% !important }
.w-xl-70 { width: 70% !important }
.w-xl-80 { width: 80% !important }
.w-xl-90 { width: 90% !important }
.w-xl-100 { width: 100% !important }
.w-xxl-10 { width: 10% !important }
.w-xxl-20 { width: 20% !important }
.w-xxl-30 { width: 30% !important }
.w-xxl-40 { width: 40% !important }
.w-xxl-50 { width: 50% !important }
.w-xxl-60 { width: 60% !important }
.w-xxl-70 { width: 70% !important }
.w-xxl-80 { width: 80% !important }
.w-xxl-90 { width: 90% !important }
.w-xxl-100 { width: 100% !important }
}
@media (min-width:1400px) { .w-sm-10 { width: 10% !important }
.w-sm-20 { width: 20% !important }
.w-sm-30 { width: 30% !important }
.w-sm-40 { width: 40% !important }
.w-sm-50 { width: 50% !important }
.w-sm-60 { width: 60% !important }
.w-sm-70 { width: 70% !important }
.w-sm-80 { width: 80% !important }
.w-sm-90 { width: 90% !important }
.w-sm-100 { width: 100% !important }
.w-md-10 { width: 10% !important }
.w-md-20 { width: 20% !important }
.w-md-30 { width: 30% !important }
.w-md-40 { width: 40% !important }
.w-md-50 { width: 50% !important }
.w-md-60 { width: 60% !important }
.w-md-70 { width: 70% !important }
.w-md-80 { width: 80% !important }
.w-md-90 { width: 90% !important }
.w-md-100 { width: 100% !important }
.w-lg-10 { width: 10% !important }
.w-lg-20 { width: 20% !important }
.w-lg-30 { width: 30% !important }
.w-lg-40 { width: 40% !important }
.w-lg-50 { width: 50% !important }
.w-lg-60 { width: 60% !important }
.w-lg-70 { width: 70% !important }
.w-lg-80 { width: 80% !important }
.w-lg-90 { width: 90% !important }
.w-lg-100 { width: 100% !important }
.w-xl-10 { width: 10% !important }
.w-xl-20 { width: 20% !important }
.w-xl-30 { width: 30% !important }
.w-xl-40 { width: 40% !important }
.w-xl-50 { width: 50% !important }
.w-xl-60 { width: 60% !important }
.w-xl-70 { width: 70% !important }
.w-xl-80 { width: 80% !important }
.w-xl-90 { width: 90% !important }
.w-xl-100 { width: 100% !important }
.w-xxl-10 { width: 10% !important }
.w-xxl-20 { width: 20% !important }
.w-xxl-30 { width: 30% !important }
.w-xxl-40 { width: 40% !important }
.w-xxl-50 { width: 50% !important }
.w-xxl-60 { width: 60% !important }
.w-xxl-70 { width: 70% !important }
.w-xxl-80 { width: 80% !important }
.w-xxl-90 { width: 90% !important }
.w-xxl-100 { width: 100% !important }
}