/*!
 * alfuix v1.0.4 (https://alfuix.com/)
 * Copyright 2025 - The The Alif Lab & alfuix (https://github.com/alifislamidawah/alfuix/graphs/contributors) Authors
 * Licensed under MIT https://alfuix.com/blob/main/LICENSE
 */
/*=== Import english fonts (Jura & roboto) from google ===*/
@import url("https://fonts.googleapis.com/css2?family=Jura:wght@300..700&family=Roboto:ital,wght@0,100..900;1,100..900&display=swap");
/*=== Import arabic fonts (Reem Kufi Fun & Cairo) from google ===*/
@import url("https://fonts.googleapis.com/css2?family=Cairo:wght@200..1000&family=Reem+Kufi+Fun:wght@400..700&display=swap");
[data-bs-theme=alif-dark-blue] {
  --bs-body-color: #fff;
  --bs-primary: #109DF4;
  --bs-secondary:#081333;
  --bs-success:#0ACF83;
  --bs-danger:#D80027;
  --bs-warning: #FFF707;
  --bs-info:#90D5FF;
  --bs-primary-rgb: 16, 157, 244;
  --bs-secondary-rgb: 8, 19, 51;
  --bs-success-rgb: 10, 207, 131;
  --bs-danger-rgb: 216, 0, 39;
  --bs-warning-rgb: 255, 247, 7;
  --bs-info-rgb: 144, 213, 255;
  --bs-link-color: #109DF4;
  --bs-link-color-rgb: 16, 157, 244;
  --bs-link-hover-color-rgb: 255, 247, 7;
  --bs-body-bg: #070D27;
}
[data-bs-theme=alif-dark-blue] .nav-pills {
  --bs-nav-link-color: #fff;
  --bs-nav-pills-link-active-bg: #109DF4;
  --bs-nav-link-hover-color: #109DF4;
}
[data-bs-theme=alif-dark-blue] .btn {
  --bs-btn-font-family: "Jura", serif;
}
[data-bs-theme=alif-dark-blue] .btn:lang(ar) {
  --bs-btn-font-family: "Cairo", sans-serif;
}
[data-bs-theme=alif-dark-blue] body {
  background-image: linear-gradient(180deg, #081333 0%, #070D27 100%) !important;
}
[data-bs-theme=alif-dark-blue] body:before {
  content: "";
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  width: 100%;
  max-width: 1024px;
  height: 100%;
  border-radius: 50%;
  background-image: radial-gradient(64.5% 64.5% at 50% 50%, rgba(255, 255, 255, 0.2) 0%, rgba(7, 14, 41, 0.2) 69.72%);
  filter: blur(150px);
  pointer-events: none;
}
[data-bs-theme=alif-dark-blue] body:after {
  content: "";
  position: absolute;
  bottom: 10%;
  left: 50%;
  transform: translateX(-50%);
  width: 100%;
  height: 270px;
  background-image: radial-gradient(64.5% 64.5% at 50% 50%, rgba(255, 255, 255, 0.75) 0%, rgba(7, 14, 41, 0.75) 69.72%);
  opacity: 0.2;
  filter: blur(150px);
  pointer-events: none;
}
[data-bs-theme=alif-dark-blue] .tooltip {
  --bs-tooltip-color:#fff;
  --bs-tooltip-bg:#109DF4;
}
[data-bs-theme=alif-dark-blue] .accordion {
  --bs-accordion-color: #fff;
  --bs-accordion-bg: unset;
  --bs-accordion-border-color: unset;
  --bs-accordion-btn-color: var(--bs-primary);
  --bs-accordion-btn-bg: var(--bs-accordion-bg);
  --bs-accordion-btn-focus-box-shadow: unset;
  --bs-accordion-body-padding-x: 0px;
  --bs-accordion-body-padding-y: 1rem;
  --bs-accordion-active-color: #fff;
  --bs-accordion-active-bg: unset;
  --bs-accordion-btn-padding-x: 0px;
  --bs-accordion-btn-padding-y: 0px;
}
[data-bs-theme=alif-dark-blue] h6, [data-bs-theme=alif-dark-blue] .h6, [data-bs-theme=alif-dark-blue] h5, [data-bs-theme=alif-dark-blue] .h5, [data-bs-theme=alif-dark-blue] h4, [data-bs-theme=alif-dark-blue] .h4, [data-bs-theme=alif-dark-blue] h3, [data-bs-theme=alif-dark-blue] .h3, [data-bs-theme=alif-dark-blue] h2, [data-bs-theme=alif-dark-blue] .h2, [data-bs-theme=alif-dark-blue] h1, [data-bs-theme=alif-dark-blue] .h1 {
  font-family: "Jura", serif;
}
[data-bs-theme=alif-dark-blue] h6:lang(ar), [data-bs-theme=alif-dark-blue] .h6:lang(ar), [data-bs-theme=alif-dark-blue] h5:lang(ar), [data-bs-theme=alif-dark-blue] .h5:lang(ar), [data-bs-theme=alif-dark-blue] h4:lang(ar), [data-bs-theme=alif-dark-blue] .h4:lang(ar), [data-bs-theme=alif-dark-blue] h3:lang(ar), [data-bs-theme=alif-dark-blue] .h3:lang(ar), [data-bs-theme=alif-dark-blue] h2:lang(ar), [data-bs-theme=alif-dark-blue] .h2:lang(ar), [data-bs-theme=alif-dark-blue] h1:lang(ar), [data-bs-theme=alif-dark-blue] .h1:lang(ar) {
  font-family: "Cairo", sans-serif;
}
[data-bs-theme=alif-dark-blue] .form-control, [data-bs-theme=alif-dark-blue] .form-select {
  --bs-body-bg: rgba(255, 255, 255, .01);
  --bs-body-color:#fff;
  border-color: rgba(16, 157, 244, 0.35);
  backdrop-filter: blur(4px);
}
[data-bs-theme=alif-dark-blue] .table {
  --bs-table-border-color:rgba(16, 157, 244, 0.25);
  --bs-table-color: #fff;
}

/* global styles */
::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
::-webkit-scrollbar-track {
  background: var(--bs-gray-400);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb {
  background: var(--bs-primary);
  border-radius: 10px;
}
::-webkit-scrollbar-thumb:hover {
  background: var(--bs-warning);
}

/* sections */
.al-header-clip-one {
  position: relative;
}
.al-header-clip-one-start {
  clip-path: polygon(0% 0%, calc(100% - 23px) 0%, 100% 23px, 264px 23px, 226px 100%, 0% 100%);
}
.al-header-clip-one-end {
  clip-path: polygon(139px 0%, 100% 0%, 100% 100%, 0% 100%, 26px 32px, 89px 32px);
}
.al-header-clip-one-top {
  clip-path: polygon(23px 0%, 100% 0%, calc(100% - 37px) 23px, 0% 23px);
}

.al-accordion-button-icon-plus-blue {
  --bs-accordion-btn-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23109DF4' d='M8 4a.5.5 0 0 1 .5.5v3h3a.5.5 0 0 1 0 1h-3v3a.5.5 0 0 1-1 0v-3h-3a.5.5 0 0 1 0-1h3v-3A.5.5 0 0 1 8 4z'/%3E%3C/svg%3E");
  --bs-accordion-btn-active-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath fill='%23FFF707' d='M4 8a.5.5 0 0 1 .5-.5h7a.5.5 0 0 1 0 1h-7A.5.5 0 0 1 4 8z'/%3E%3C/svg%3E");
}

/* ===== RTL & LTR ===== */
html[dir=ltr] .al-accordion-button-start {
  position: relative;
}
html[dir=ltr] .al-accordion-button-start::after {
  position: absolute;
  top: 0px;
  left: -5px;
}
html[dir=ltr] .al-accordion-button-end {
  position: relative;
}
html[dir=ltr] .al-accordion-button-end::after {
  position: absolute;
  top: 10px;
  right: -3px;
}
html[dir=rtl] .al-accordion-button-start {
  position: relative;
}
html[dir=rtl] .al-accordion-button-start::after {
  position: absolute;
  top: 0px;
  right: -5px;
}
html[dir=rtl] .al-accordion-button-end {
  position: relative;
}
html[dir=rtl] .al-accordion-button-end::after {
  position: absolute;
  top: 10px;
  left: -3px;
}

html[dir=rtl] .bs-tooltip-end .tooltip-arrow, html[dir=rtl] .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow {
  right: calc(-1 * var(--bs-tooltip-arrow-height));
  left: unset;
}
html[dir=rtl] .bs-tooltip-end .tooltip-arrow::before, html[dir=rtl] .bs-tooltip-auto[data-popper-placement^=right] .tooltip-arrow::before {
  left: -1px;
  right: unset;
  transform: scale(-1);
}
html[dir=rtl] .bs-tooltip-start .tooltip-arrow, html[dir=rtl] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow {
  left: calc(-1 * var(--bs-tooltip-arrow-height));
  right: unset;
}
html[dir=rtl] .bs-tooltip-start .tooltip-arrow::before, html[dir=rtl] .bs-tooltip-auto[data-popper-placement^=left] .tooltip-arrow::before {
  right: -1px;
  left: unset;
  transform: scale(-1);
}

.al-bg-primary-both {
  background-color: var(--primary-dark) !important;
}
.al-bg-white-both {
  background-color: #fff !important;
}
.al-bg-black-both {
  background-color: #000 !important;
}
.al-bg-linear-white {
  background-image: linear-gradient(to right bottom, rgba(var(--bs-white-rgb), 0.7), rgba(var(--bs-white-rgb), 0.3));
}
.al-bg-linear-primary {
  background-image: linear-gradient(to right top, var(--bs-secondary), var(--bs-primary));
}
.al-bg-radial-white {
  background-image: radial-gradient(rgba(var(--bs-white-rgb), 0.7), rgba(var(--bs-white-rgb), 0.3));
}
.al-bg-radial-primary {
  background-image: radial-gradient(var(--bs-secondary), var(--bs-primary));
}
.al-bg-conic-white {
  background-image: conic-gradient(rgba(var(--bs-white-rgb), 0.7), rgba(var(--bs-white-rgb), 0.3));
}
.al-bg-conic-primary {
  background-image: conic-gradient(var(--bs-secondary), var(--bs-primary));
}
.al-bg-attachment-fixed {
  background-attachment: fixed !important;
}
.al-bg-attachment-local {
  background-attachment: local !important;
}
.al-bg-attachment-scroll {
  background-attachment: scroll !important;
}
.al-bg-origin-border {
  background-origin: border-box !important;
}
.al-bg-origin-padding {
  background-origin: padding-box !important;
}
.al-bg-origin-content {
  background-origin: content-box !important;
}
.al-bg-position-right {
  background-position: right !important;
}
.al-bg-position-right-top {
  background-position: right top !important;
}
.al-bg-position-right-bottom {
  background-position: right bottom !important;
}
.al-bg-position-left {
  background-position: left !important;
}
.al-bg-position-left-top {
  background-position: left top !important;
}
.al-bg-position-left-bottom {
  background-position: left bottom !important;
}
.al-bg-position-top {
  background-position: top !important;
}
.al-bg-position-bottom {
  background-position: bottom !important;
}
.al-bg-position-center {
  background-position: center;
}
.al-bg-position-center-top {
  background-position: center top !important;
}
.al-bg-position-center-bottom {
  background-position: center bottom !important;
}
.al-bg-position-center-right {
  background-position: center right !important;
}
.al-bg-position-center-left {
  background-position: center left !important;
}
.al-bg-repeat {
  background-repeat: repeat !important;
}
.al-bg-repeat-no {
  background-repeat: no-repeat !important;
}
.al-bg-repeat-x {
  background-repeat: repeat-x !important;
}
.al-bg-repeat-y {
  background-repeat: repeat-y !important;
}
.al-bg-size-contain {
  background-size: contain !important;
}
.al-bg-size-cover {
  background-size: cover !important;
}
.al-bg-size-auto {
  background-size: auto !important;
}

/*====== Varibles start =====*/
.al-border-1 {
  --bs-border-width: 1px !important;
}
.al-border-2 {
  --bs-border-width: 2px !important;
}
.al-border-3 {
  --bs-border-width: 3px !important;
}
.al-border-4 {
  --bs-border-width: 4px !important;
}
.al-border-5 {
  --bs-border-width: 5px !important;
}
.al-border-6 {
  --bs-border-width: 6px !important;
}
.al-border-7 {
  --bs-border-width: 7px !important;
}
.al-border-8 {
  --bs-border-width: 8px !important;
}
.al-border-9 {
  --bs-border-width: 9px !important;
}
.al-border-10 {
  --bs-border-width: 10px !important;
}
.al-border-dotted {
  --bs-border-style:dotted !important;
}
.al-border-double {
  --bs-border-style:double !important;
}
.al-rounded-0 {
  border-radius: 0px !important;
}
.al-rounded-top-0 {
  border-top-left-radius: 0px !important;
  border-top-right-radius: 0px !important;
}
.al-rounded-bottom-0 {
  border-bottom-left-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
.al-rounded-2 {
  border-radius: 2px !important;
}
.al-rounded-top-2 {
  border-top-left-radius: 2px !important;
  border-top-right-radius: 2px !important;
}
.al-rounded-bottom-2 {
  border-bottom-left-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
.al-rounded-3 {
  border-radius: 3px !important;
}
.al-rounded-top-3 {
  border-top-left-radius: 3px !important;
  border-top-right-radius: 3px !important;
}
.al-rounded-bottom-3 {
  border-bottom-left-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
.al-rounded-4 {
  border-radius: 4px !important;
}
.al-rounded-top-4 {
  border-top-left-radius: 4px !important;
  border-top-right-radius: 4px !important;
}
.al-rounded-bottom-4 {
  border-bottom-left-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
.al-rounded-5 {
  border-radius: 5px !important;
}
.al-rounded-top-5 {
  border-top-left-radius: 5px !important;
  border-top-right-radius: 5px !important;
}
.al-rounded-bottom-5 {
  border-bottom-left-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
.al-rounded-6 {
  border-radius: 6px !important;
}
.al-rounded-top-6 {
  border-top-left-radius: 6px !important;
  border-top-right-radius: 6px !important;
}
.al-rounded-bottom-6 {
  border-bottom-left-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
.al-rounded-8 {
  border-radius: 8px !important;
}
.al-rounded-top-8 {
  border-top-left-radius: 8px !important;
  border-top-right-radius: 8px !important;
}
.al-rounded-bottom-8 {
  border-bottom-left-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
.al-rounded-10 {
  border-radius: 10px !important;
}
.al-rounded-top-10 {
  border-top-left-radius: 10px !important;
  border-top-right-radius: 10px !important;
}
.al-rounded-bottom-10 {
  border-bottom-left-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
.al-rounded-12 {
  border-radius: 12px !important;
}
.al-rounded-top-12 {
  border-top-left-radius: 12px !important;
  border-top-right-radius: 12px !important;
}
.al-rounded-bottom-12 {
  border-bottom-left-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
.al-rounded-15 {
  border-radius: 15px !important;
}
.al-rounded-top-15 {
  border-top-left-radius: 15px !important;
  border-top-right-radius: 15px !important;
}
.al-rounded-bottom-15 {
  border-bottom-left-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
.al-rounded-16 {
  border-radius: 16px !important;
}
.al-rounded-top-16 {
  border-top-left-radius: 16px !important;
  border-top-right-radius: 16px !important;
}
.al-rounded-bottom-16 {
  border-bottom-left-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
.al-rounded-20 {
  border-radius: 20px !important;
}
.al-rounded-top-20 {
  border-top-left-radius: 20px !important;
  border-top-right-radius: 20px !important;
}
.al-rounded-bottom-20 {
  border-bottom-left-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
.al-rounded-24 {
  border-radius: 24px !important;
}
.al-rounded-top-24 {
  border-top-left-radius: 24px !important;
  border-top-right-radius: 24px !important;
}
.al-rounded-bottom-24 {
  border-bottom-left-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}
.al-rounded-32 {
  border-radius: 32px !important;
}
.al-rounded-top-32 {
  border-top-left-radius: 32px !important;
  border-top-right-radius: 32px !important;
}
.al-rounded-bottom-32 {
  border-bottom-left-radius: 32px !important;
  border-bottom-right-radius: 32px !important;
}
.al-rounded-48 {
  border-radius: 48px !important;
}
.al-rounded-top-48 {
  border-top-left-radius: 48px !important;
  border-top-right-radius: 48px !important;
}
.al-rounded-bottom-48 {
  border-bottom-left-radius: 48px !important;
  border-bottom-right-radius: 48px !important;
}
.al-rounded-64 {
  border-radius: 64px !important;
}
.al-rounded-top-64 {
  border-top-left-radius: 64px !important;
  border-top-right-radius: 64px !important;
}
.al-rounded-bottom-64 {
  border-bottom-left-radius: 64px !important;
  border-bottom-right-radius: 64px !important;
}
.al-outline {
  outline: 1px solid !important;
}
.al-outline-1 {
  outline-width: 1px !important;
}
.al-outline-2 {
  outline-width: 2px !important;
}
.al-outline-3 {
  outline-width: 3px !important;
}
.al-outline-4 {
  outline-width: 4px !important;
}
.al-outline-5 {
  outline-width: 5px !important;
}
.al-outline-6 {
  outline-width: 6px !important;
}
.al-outline-7 {
  outline-width: 7px !important;
}
.al-outline-8 {
  outline-width: 8px !important;
}
.al-outline-9 {
  outline-width: 9px !important;
}
.al-outline-10 {
  outline-width: 10px !important;
}
.al-outline-offset-1 {
  outline-offset: 1px !important;
}
.al-outline-offset-2 {
  outline-offset: 2px !important;
}
.al-outline-offset-3 {
  outline-offset: 3px !important;
}
.al-outline-offset-4 {
  outline-offset: 4px !important;
}
.al-outline-offset-5 {
  outline-offset: 5px !important;
}
.al-outline-offset-6 {
  outline-offset: 6px !important;
}
.al-outline-offset-7 {
  outline-offset: 7px !important;
}
.al-outline-offset-8 {
  outline-offset: 8px !important;
}
.al-outline-offset-9 {
  outline-offset: 9px !important;
}
.al-outline-offset-10 {
  outline-offset: 10px !important;
}
.al-outline-primary {
  outline-color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-outline-secondary {
  outline-color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-outline-success {
  outline-color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-outline-warning {
  outline-color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-outline-danger {
  outline-color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-outline-white {
  outline-color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-outline-black {
  outline-color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-outline-primary-5 {
  outline-color: rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-outline-secondary-5 {
  outline-color: rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-outline-success-5 {
  outline-color: rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-outline-warning-5 {
  outline-color: rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-outline-danger-5 {
  outline-color: rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-outline-white-5 {
  outline-color: rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-outline-black-5 {
  outline-color: rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-outline-primary-10 {
  outline-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-outline-secondary-10 {
  outline-color: rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-outline-success-10 {
  outline-color: rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-outline-warning-10 {
  outline-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-outline-danger-10 {
  outline-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-outline-white-10 {
  outline-color: rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-outline-black-10 {
  outline-color: rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-outline-primary-25 {
  outline-color: rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-outline-secondary-25 {
  outline-color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-outline-success-25 {
  outline-color: rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-outline-warning-25 {
  outline-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-outline-danger-25 {
  outline-color: rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-outline-white-25 {
  outline-color: rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-outline-black-25 {
  outline-color: rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-outline-primary-50 {
  outline-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-outline-secondary-50 {
  outline-color: rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-outline-success-50 {
  outline-color: rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-outline-warning-50 {
  outline-color: rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-outline-danger-50 {
  outline-color: rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-outline-white-50 {
  outline-color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-outline-black-50 {
  outline-color: rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-outline-primary-75 {
  outline-color: rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-outline-secondary-75 {
  outline-color: rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-outline-success-75 {
  outline-color: rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-outline-warning-75 {
  outline-color: rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-outline-danger-75 {
  outline-color: rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-outline-white-75 {
  outline-color: rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-outline-black-75 {
  outline-color: rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-outline-solid {
  outline-style: solid !important;
}
.al-outline-dotted {
  outline-style: dotted !important;
}
.al-outline-dashed {
  outline-style: dashed !important;
}
.al-outline-double {
  outline-style: double !important;
}

/* ===== Border Radius RTL & LTR ===== */
html[dir=ltr] .al-rounded-start-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
html[dir=ltr] .al-rounded-start-top-0 {
  border-top-left-radius: 0px !important;
}
html[dir=ltr] .al-rounded-start-bottom-0 {
  border-bottom-left-radius: 0px !important;
}
html[dir=ltr] .al-rounded-end-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
html[dir=ltr] .al-rounded-end-top-0 {
  border-top-right-radius: 0px !important;
}
html[dir=ltr] .al-rounded-end-bottom-0 {
  border-bottom-right-radius: 0px !important;
}
html[dir=ltr] .al-rounded-start-2 {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
html[dir=ltr] .al-rounded-start-top-2 {
  border-top-left-radius: 2px !important;
}
html[dir=ltr] .al-rounded-start-bottom-2 {
  border-bottom-left-radius: 2px !important;
}
html[dir=ltr] .al-rounded-end-2 {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
html[dir=ltr] .al-rounded-end-top-2 {
  border-top-right-radius: 2px !important;
}
html[dir=ltr] .al-rounded-end-bottom-2 {
  border-bottom-right-radius: 2px !important;
}
html[dir=ltr] .al-rounded-start-3 {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
html[dir=ltr] .al-rounded-start-top-3 {
  border-top-left-radius: 3px !important;
}
html[dir=ltr] .al-rounded-start-bottom-3 {
  border-bottom-left-radius: 3px !important;
}
html[dir=ltr] .al-rounded-end-3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
html[dir=ltr] .al-rounded-end-top-3 {
  border-top-right-radius: 3px !important;
}
html[dir=ltr] .al-rounded-end-bottom-3 {
  border-bottom-right-radius: 3px !important;
}
html[dir=ltr] .al-rounded-start-4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
html[dir=ltr] .al-rounded-start-top-4 {
  border-top-left-radius: 4px !important;
}
html[dir=ltr] .al-rounded-start-bottom-4 {
  border-bottom-left-radius: 4px !important;
}
html[dir=ltr] .al-rounded-end-4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
html[dir=ltr] .al-rounded-end-top-4 {
  border-top-right-radius: 4px !important;
}
html[dir=ltr] .al-rounded-end-bottom-4 {
  border-bottom-right-radius: 4px !important;
}
html[dir=ltr] .al-rounded-start-5 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
html[dir=ltr] .al-rounded-start-top-5 {
  border-top-left-radius: 5px !important;
}
html[dir=ltr] .al-rounded-start-bottom-5 {
  border-bottom-left-radius: 5px !important;
}
html[dir=ltr] .al-rounded-end-5 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
html[dir=ltr] .al-rounded-end-top-5 {
  border-top-right-radius: 5px !important;
}
html[dir=ltr] .al-rounded-end-bottom-5 {
  border-bottom-right-radius: 5px !important;
}
html[dir=ltr] .al-rounded-start-6 {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
html[dir=ltr] .al-rounded-start-top-6 {
  border-top-left-radius: 6px !important;
}
html[dir=ltr] .al-rounded-start-bottom-6 {
  border-bottom-left-radius: 6px !important;
}
html[dir=ltr] .al-rounded-end-6 {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
html[dir=ltr] .al-rounded-end-top-6 {
  border-top-right-radius: 6px !important;
}
html[dir=ltr] .al-rounded-end-bottom-6 {
  border-bottom-right-radius: 6px !important;
}
html[dir=ltr] .al-rounded-start-8 {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
html[dir=ltr] .al-rounded-start-top-8 {
  border-top-left-radius: 8px !important;
}
html[dir=ltr] .al-rounded-start-bottom-8 {
  border-bottom-left-radius: 8px !important;
}
html[dir=ltr] .al-rounded-end-8 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
html[dir=ltr] .al-rounded-end-top-8 {
  border-top-right-radius: 8px !important;
}
html[dir=ltr] .al-rounded-end-bottom-8 {
  border-bottom-right-radius: 8px !important;
}
html[dir=ltr] .al-rounded-start-10 {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
html[dir=ltr] .al-rounded-start-top-10 {
  border-top-left-radius: 10px !important;
}
html[dir=ltr] .al-rounded-start-bottom-10 {
  border-bottom-left-radius: 10px !important;
}
html[dir=ltr] .al-rounded-end-10 {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
html[dir=ltr] .al-rounded-end-top-10 {
  border-top-right-radius: 10px !important;
}
html[dir=ltr] .al-rounded-end-bottom-10 {
  border-bottom-right-radius: 10px !important;
}
html[dir=ltr] .al-rounded-start-12 {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}
html[dir=ltr] .al-rounded-start-top-12 {
  border-top-left-radius: 12px !important;
}
html[dir=ltr] .al-rounded-start-bottom-12 {
  border-bottom-left-radius: 12px !important;
}
html[dir=ltr] .al-rounded-end-12 {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
html[dir=ltr] .al-rounded-end-top-12 {
  border-top-right-radius: 12px !important;
}
html[dir=ltr] .al-rounded-end-bottom-12 {
  border-bottom-right-radius: 12px !important;
}
html[dir=ltr] .al-rounded-start-15 {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
html[dir=ltr] .al-rounded-start-top-15 {
  border-top-left-radius: 15px !important;
}
html[dir=ltr] .al-rounded-start-bottom-15 {
  border-bottom-left-radius: 15px !important;
}
html[dir=ltr] .al-rounded-end-15 {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
html[dir=ltr] .al-rounded-end-top-15 {
  border-top-right-radius: 15px !important;
}
html[dir=ltr] .al-rounded-end-bottom-15 {
  border-bottom-right-radius: 15px !important;
}
html[dir=ltr] .al-rounded-start-16 {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
html[dir=ltr] .al-rounded-start-top-16 {
  border-top-left-radius: 16px !important;
}
html[dir=ltr] .al-rounded-start-bottom-16 {
  border-bottom-left-radius: 16px !important;
}
html[dir=ltr] .al-rounded-end-16 {
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
html[dir=ltr] .al-rounded-end-top-16 {
  border-top-right-radius: 16px !important;
}
html[dir=ltr] .al-rounded-end-bottom-16 {
  border-bottom-right-radius: 16px !important;
}
html[dir=ltr] .al-rounded-start-20 {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
html[dir=ltr] .al-rounded-start-top-20 {
  border-top-left-radius: 20px !important;
}
html[dir=ltr] .al-rounded-start-bottom-20 {
  border-bottom-left-radius: 20px !important;
}
html[dir=ltr] .al-rounded-end-20 {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
html[dir=ltr] .al-rounded-end-top-20 {
  border-top-right-radius: 20px !important;
}
html[dir=ltr] .al-rounded-end-bottom-20 {
  border-bottom-right-radius: 20px !important;
}
html[dir=ltr] .al-rounded-start-24 {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}
html[dir=ltr] .al-rounded-start-top-24 {
  border-top-left-radius: 24px !important;
}
html[dir=ltr] .al-rounded-start-bottom-24 {
  border-bottom-left-radius: 24px !important;
}
html[dir=ltr] .al-rounded-end-24 {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}
html[dir=ltr] .al-rounded-end-top-24 {
  border-top-right-radius: 24px !important;
}
html[dir=ltr] .al-rounded-end-bottom-24 {
  border-bottom-right-radius: 24px !important;
}
html[dir=ltr] .al-rounded-start-32 {
  border-top-left-radius: 32px !important;
  border-bottom-left-radius: 32px !important;
}
html[dir=ltr] .al-rounded-start-top-32 {
  border-top-left-radius: 32px !important;
}
html[dir=ltr] .al-rounded-start-bottom-32 {
  border-bottom-left-radius: 32px !important;
}
html[dir=ltr] .al-rounded-end-32 {
  border-top-right-radius: 32px !important;
  border-bottom-right-radius: 32px !important;
}
html[dir=ltr] .al-rounded-end-top-32 {
  border-top-right-radius: 32px !important;
}
html[dir=ltr] .al-rounded-end-bottom-32 {
  border-bottom-right-radius: 32px !important;
}
html[dir=ltr] .al-rounded-start-48 {
  border-top-left-radius: 48px !important;
  border-bottom-left-radius: 48px !important;
}
html[dir=ltr] .al-rounded-start-top-48 {
  border-top-left-radius: 48px !important;
}
html[dir=ltr] .al-rounded-start-bottom-48 {
  border-bottom-left-radius: 48px !important;
}
html[dir=ltr] .al-rounded-end-48 {
  border-top-right-radius: 48px !important;
  border-bottom-right-radius: 48px !important;
}
html[dir=ltr] .al-rounded-end-top-48 {
  border-top-right-radius: 48px !important;
}
html[dir=ltr] .al-rounded-end-bottom-48 {
  border-bottom-right-radius: 48px !important;
}
html[dir=ltr] .al-rounded-start-64 {
  border-top-left-radius: 64px !important;
  border-bottom-left-radius: 64px !important;
}
html[dir=ltr] .al-rounded-start-top-64 {
  border-top-left-radius: 64px !important;
}
html[dir=ltr] .al-rounded-start-bottom-64 {
  border-bottom-left-radius: 64px !important;
}
html[dir=ltr] .al-rounded-end-64 {
  border-top-right-radius: 64px !important;
  border-bottom-right-radius: 64px !important;
}
html[dir=ltr] .al-rounded-end-top-64 {
  border-top-right-radius: 64px !important;
}
html[dir=ltr] .al-rounded-end-bottom-64 {
  border-bottom-right-radius: 64px !important;
}
html[dir=rtl] .al-rounded-start-0 {
  border-top-right-radius: 0px !important;
  border-bottom-right-radius: 0px !important;
}
html[dir=rtl] .al-rounded-start-top-0 {
  border-top-right-radius: 0px !important;
}
html[dir=rtl] .al-rounded-start-bottom-0 {
  border-bottom-right-radius: 0px !important;
}
html[dir=rtl] .al-rounded-end-0 {
  border-top-left-radius: 0px !important;
  border-bottom-left-radius: 0px !important;
}
html[dir=rtl] .al-rounded-end-top-0 {
  border-top-left-radius: 0px !important;
}
html[dir=rtl] .al-rounded-end-bottom-0 {
  border-bottom-left-radius: 0px !important;
}
html[dir=rtl] .al-rounded-start-2 {
  border-top-right-radius: 2px !important;
  border-bottom-right-radius: 2px !important;
}
html[dir=rtl] .al-rounded-start-top-2 {
  border-top-right-radius: 2px !important;
}
html[dir=rtl] .al-rounded-start-bottom-2 {
  border-bottom-right-radius: 2px !important;
}
html[dir=rtl] .al-rounded-end-2 {
  border-top-left-radius: 2px !important;
  border-bottom-left-radius: 2px !important;
}
html[dir=rtl] .al-rounded-end-top-2 {
  border-top-left-radius: 2px !important;
}
html[dir=rtl] .al-rounded-end-bottom-2 {
  border-bottom-left-radius: 2px !important;
}
html[dir=rtl] .al-rounded-start-3 {
  border-top-right-radius: 3px !important;
  border-bottom-right-radius: 3px !important;
}
html[dir=rtl] .al-rounded-start-top-3 {
  border-top-right-radius: 3px !important;
}
html[dir=rtl] .al-rounded-start-bottom-3 {
  border-bottom-right-radius: 3px !important;
}
html[dir=rtl] .al-rounded-end-3 {
  border-top-left-radius: 3px !important;
  border-bottom-left-radius: 3px !important;
}
html[dir=rtl] .al-rounded-end-top-3 {
  border-top-left-radius: 3px !important;
}
html[dir=rtl] .al-rounded-end-bottom-3 {
  border-bottom-left-radius: 3px !important;
}
html[dir=rtl] .al-rounded-start-4 {
  border-top-right-radius: 4px !important;
  border-bottom-right-radius: 4px !important;
}
html[dir=rtl] .al-rounded-start-top-4 {
  border-top-right-radius: 4px !important;
}
html[dir=rtl] .al-rounded-start-bottom-4 {
  border-bottom-right-radius: 4px !important;
}
html[dir=rtl] .al-rounded-end-4 {
  border-top-left-radius: 4px !important;
  border-bottom-left-radius: 4px !important;
}
html[dir=rtl] .al-rounded-end-top-4 {
  border-top-left-radius: 4px !important;
}
html[dir=rtl] .al-rounded-end-bottom-4 {
  border-bottom-left-radius: 4px !important;
}
html[dir=rtl] .al-rounded-start-5 {
  border-top-right-radius: 5px !important;
  border-bottom-right-radius: 5px !important;
}
html[dir=rtl] .al-rounded-start-top-5 {
  border-top-right-radius: 5px !important;
}
html[dir=rtl] .al-rounded-start-bottom-5 {
  border-bottom-right-radius: 5px !important;
}
html[dir=rtl] .al-rounded-end-5 {
  border-top-left-radius: 5px !important;
  border-bottom-left-radius: 5px !important;
}
html[dir=rtl] .al-rounded-end-top-5 {
  border-top-left-radius: 5px !important;
}
html[dir=rtl] .al-rounded-end-bottom-5 {
  border-bottom-left-radius: 5px !important;
}
html[dir=rtl] .al-rounded-start-6 {
  border-top-right-radius: 6px !important;
  border-bottom-right-radius: 6px !important;
}
html[dir=rtl] .al-rounded-start-top-6 {
  border-top-right-radius: 6px !important;
}
html[dir=rtl] .al-rounded-start-bottom-6 {
  border-bottom-right-radius: 6px !important;
}
html[dir=rtl] .al-rounded-end-6 {
  border-top-left-radius: 6px !important;
  border-bottom-left-radius: 6px !important;
}
html[dir=rtl] .al-rounded-end-top-6 {
  border-top-left-radius: 6px !important;
}
html[dir=rtl] .al-rounded-end-bottom-6 {
  border-bottom-left-radius: 6px !important;
}
html[dir=rtl] .al-rounded-start-8 {
  border-top-right-radius: 8px !important;
  border-bottom-right-radius: 8px !important;
}
html[dir=rtl] .al-rounded-start-top-8 {
  border-top-right-radius: 8px !important;
}
html[dir=rtl] .al-rounded-start-bottom-8 {
  border-bottom-right-radius: 8px !important;
}
html[dir=rtl] .al-rounded-end-8 {
  border-top-left-radius: 8px !important;
  border-bottom-left-radius: 8px !important;
}
html[dir=rtl] .al-rounded-end-top-8 {
  border-top-left-radius: 8px !important;
}
html[dir=rtl] .al-rounded-end-bottom-8 {
  border-bottom-left-radius: 8px !important;
}
html[dir=rtl] .al-rounded-start-10 {
  border-top-right-radius: 10px !important;
  border-bottom-right-radius: 10px !important;
}
html[dir=rtl] .al-rounded-start-top-10 {
  border-top-right-radius: 10px !important;
}
html[dir=rtl] .al-rounded-start-bottom-10 {
  border-bottom-right-radius: 10px !important;
}
html[dir=rtl] .al-rounded-end-10 {
  border-top-left-radius: 10px !important;
  border-bottom-left-radius: 10px !important;
}
html[dir=rtl] .al-rounded-end-top-10 {
  border-top-left-radius: 10px !important;
}
html[dir=rtl] .al-rounded-end-bottom-10 {
  border-bottom-left-radius: 10px !important;
}
html[dir=rtl] .al-rounded-start-12 {
  border-top-right-radius: 12px !important;
  border-bottom-right-radius: 12px !important;
}
html[dir=rtl] .al-rounded-start-top-12 {
  border-top-right-radius: 12px !important;
}
html[dir=rtl] .al-rounded-start-bottom-12 {
  border-bottom-right-radius: 12px !important;
}
html[dir=rtl] .al-rounded-end-12 {
  border-top-left-radius: 12px !important;
  border-bottom-left-radius: 12px !important;
}
html[dir=rtl] .al-rounded-end-top-12 {
  border-top-left-radius: 12px !important;
}
html[dir=rtl] .al-rounded-end-bottom-12 {
  border-bottom-left-radius: 12px !important;
}
html[dir=rtl] .al-rounded-start-15 {
  border-top-right-radius: 15px !important;
  border-bottom-right-radius: 15px !important;
}
html[dir=rtl] .al-rounded-start-top-15 {
  border-top-right-radius: 15px !important;
}
html[dir=rtl] .al-rounded-start-bottom-15 {
  border-bottom-right-radius: 15px !important;
}
html[dir=rtl] .al-rounded-end-15 {
  border-top-left-radius: 15px !important;
  border-bottom-left-radius: 15px !important;
}
html[dir=rtl] .al-rounded-end-top-15 {
  border-top-left-radius: 15px !important;
}
html[dir=rtl] .al-rounded-end-bottom-15 {
  border-bottom-left-radius: 15px !important;
}
html[dir=rtl] .al-rounded-start-16 {
  border-top-right-radius: 16px !important;
  border-bottom-right-radius: 16px !important;
}
html[dir=rtl] .al-rounded-start-top-16 {
  border-top-right-radius: 16px !important;
}
html[dir=rtl] .al-rounded-start-bottom-16 {
  border-bottom-right-radius: 16px !important;
}
html[dir=rtl] .al-rounded-end-16 {
  border-top-left-radius: 16px !important;
  border-bottom-left-radius: 16px !important;
}
html[dir=rtl] .al-rounded-end-top-16 {
  border-top-left-radius: 16px !important;
}
html[dir=rtl] .al-rounded-end-bottom-16 {
  border-bottom-left-radius: 16px !important;
}
html[dir=rtl] .al-rounded-start-20 {
  border-top-right-radius: 20px !important;
  border-bottom-right-radius: 20px !important;
}
html[dir=rtl] .al-rounded-start-top-20 {
  border-top-right-radius: 20px !important;
}
html[dir=rtl] .al-rounded-start-bottom-20 {
  border-bottom-right-radius: 20px !important;
}
html[dir=rtl] .al-rounded-end-20 {
  border-top-left-radius: 20px !important;
  border-bottom-left-radius: 20px !important;
}
html[dir=rtl] .al-rounded-end-top-20 {
  border-top-left-radius: 20px !important;
}
html[dir=rtl] .al-rounded-end-bottom-20 {
  border-bottom-left-radius: 20px !important;
}
html[dir=rtl] .al-rounded-start-24 {
  border-top-right-radius: 24px !important;
  border-bottom-right-radius: 24px !important;
}
html[dir=rtl] .al-rounded-start-top-24 {
  border-top-right-radius: 24px !important;
}
html[dir=rtl] .al-rounded-start-bottom-24 {
  border-bottom-right-radius: 24px !important;
}
html[dir=rtl] .al-rounded-end-24 {
  border-top-left-radius: 24px !important;
  border-bottom-left-radius: 24px !important;
}
html[dir=rtl] .al-rounded-end-top-24 {
  border-top-left-radius: 24px !important;
}
html[dir=rtl] .al-rounded-end-bottom-24 {
  border-bottom-left-radius: 24px !important;
}
html[dir=rtl] .al-rounded-start-32 {
  border-top-right-radius: 32px !important;
  border-bottom-right-radius: 32px !important;
}
html[dir=rtl] .al-rounded-start-top-32 {
  border-top-right-radius: 32px !important;
}
html[dir=rtl] .al-rounded-start-bottom-32 {
  border-bottom-right-radius: 32px !important;
}
html[dir=rtl] .al-rounded-end-32 {
  border-top-left-radius: 32px !important;
  border-bottom-left-radius: 32px !important;
}
html[dir=rtl] .al-rounded-end-top-32 {
  border-top-left-radius: 32px !important;
}
html[dir=rtl] .al-rounded-end-bottom-32 {
  border-bottom-left-radius: 32px !important;
}
html[dir=rtl] .al-rounded-start-48 {
  border-top-right-radius: 48px !important;
  border-bottom-right-radius: 48px !important;
}
html[dir=rtl] .al-rounded-start-top-48 {
  border-top-right-radius: 48px !important;
}
html[dir=rtl] .al-rounded-start-bottom-48 {
  border-bottom-right-radius: 48px !important;
}
html[dir=rtl] .al-rounded-end-48 {
  border-top-left-radius: 48px !important;
  border-bottom-left-radius: 48px !important;
}
html[dir=rtl] .al-rounded-end-top-48 {
  border-top-left-radius: 48px !important;
}
html[dir=rtl] .al-rounded-end-bottom-48 {
  border-bottom-left-radius: 48px !important;
}
html[dir=rtl] .al-rounded-start-64 {
  border-top-right-radius: 64px !important;
  border-bottom-right-radius: 64px !important;
}
html[dir=rtl] .al-rounded-start-top-64 {
  border-top-right-radius: 64px !important;
}
html[dir=rtl] .al-rounded-start-bottom-64 {
  border-bottom-right-radius: 64px !important;
}
html[dir=rtl] .al-rounded-end-64 {
  border-top-left-radius: 64px !important;
  border-bottom-left-radius: 64px !important;
}
html[dir=rtl] .al-rounded-end-top-64 {
  border-top-left-radius: 64px !important;
}
html[dir=rtl] .al-rounded-end-bottom-64 {
  border-bottom-left-radius: 64px !important;
}

/*====== Varibles start =====*/
.al-triangle-t-2 {
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
  border-bottom: 2px solid !important;
}
.al-triangle-b-2 {
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
  border-top: 2px solid !important;
}
.al-trapezoid-t-2 {
  border-bottom: 2px solid !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}
.al-trapezoid-b-2 {
  border-top: 2px solid !important;
  border-left: 2px solid transparent !important;
  border-right: 2px solid transparent !important;
}
.al-trapezoid-w-2px {
  width: 2px !important;
}
.al-trapezoid-h-2px {
  height: 2px !important;
}
.al-triangle-t-3 {
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
  border-bottom: 3px solid !important;
}
.al-triangle-b-3 {
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
  border-top: 3px solid !important;
}
.al-trapezoid-t-3 {
  border-bottom: 3px solid !important;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
}
.al-trapezoid-b-3 {
  border-top: 3px solid !important;
  border-left: 3px solid transparent !important;
  border-right: 3px solid transparent !important;
}
.al-trapezoid-w-3px {
  width: 3px !important;
}
.al-trapezoid-h-3px {
  height: 3px !important;
}
.al-triangle-t-4 {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-bottom: 4px solid !important;
}
.al-triangle-b-4 {
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
  border-top: 4px solid !important;
}
.al-trapezoid-t-4 {
  border-bottom: 4px solid !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}
.al-trapezoid-b-4 {
  border-top: 4px solid !important;
  border-left: 4px solid transparent !important;
  border-right: 4px solid transparent !important;
}
.al-trapezoid-w-4px {
  width: 4px !important;
}
.al-trapezoid-h-4px {
  height: 4px !important;
}
.al-triangle-t-5 {
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-bottom: 5px solid !important;
}
.al-triangle-b-5 {
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
  border-top: 5px solid !important;
}
.al-trapezoid-t-5 {
  border-bottom: 5px solid !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}
.al-trapezoid-b-5 {
  border-top: 5px solid !important;
  border-left: 5px solid transparent !important;
  border-right: 5px solid transparent !important;
}
.al-trapezoid-w-5px {
  width: 5px !important;
}
.al-trapezoid-h-5px {
  height: 5px !important;
}
.al-triangle-t-6 {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-bottom: 6px solid !important;
}
.al-triangle-b-6 {
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
  border-top: 6px solid !important;
}
.al-trapezoid-t-6 {
  border-bottom: 6px solid !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
.al-trapezoid-b-6 {
  border-top: 6px solid !important;
  border-left: 6px solid transparent !important;
  border-right: 6px solid transparent !important;
}
.al-trapezoid-w-6px {
  width: 6px !important;
}
.al-trapezoid-h-6px {
  height: 6px !important;
}
.al-triangle-t-7 {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-bottom: 7px solid !important;
}
.al-triangle-b-7 {
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
  border-top: 7px solid !important;
}
.al-trapezoid-t-7 {
  border-bottom: 7px solid !important;
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
}
.al-trapezoid-b-7 {
  border-top: 7px solid !important;
  border-left: 7px solid transparent !important;
  border-right: 7px solid transparent !important;
}
.al-trapezoid-w-7px {
  width: 7px !important;
}
.al-trapezoid-h-7px {
  height: 7px !important;
}
.al-triangle-t-8 {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-bottom: 8px solid !important;
}
.al-triangle-b-8 {
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
  border-top: 8px solid !important;
}
.al-trapezoid-t-8 {
  border-bottom: 8px solid !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
.al-trapezoid-b-8 {
  border-top: 8px solid !important;
  border-left: 8px solid transparent !important;
  border-right: 8px solid transparent !important;
}
.al-trapezoid-w-8px {
  width: 8px !important;
}
.al-trapezoid-h-8px {
  height: 8px !important;
}
.al-triangle-t-9 {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-bottom: 9px solid !important;
}
.al-triangle-b-9 {
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
  border-top: 9px solid !important;
}
.al-trapezoid-t-9 {
  border-bottom: 9px solid !important;
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
}
.al-trapezoid-b-9 {
  border-top: 9px solid !important;
  border-left: 9px solid transparent !important;
  border-right: 9px solid transparent !important;
}
.al-trapezoid-w-9px {
  width: 9px !important;
}
.al-trapezoid-h-9px {
  height: 9px !important;
}
.al-triangle-t-10 {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-bottom: 10px solid !important;
}
.al-triangle-b-10 {
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
  border-top: 10px solid !important;
}
.al-trapezoid-t-10 {
  border-bottom: 10px solid !important;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
}
.al-trapezoid-b-10 {
  border-top: 10px solid !important;
  border-left: 10px solid transparent !important;
  border-right: 10px solid transparent !important;
}
.al-trapezoid-w-10px {
  width: 10px !important;
}
.al-trapezoid-h-10px {
  height: 10px !important;
}
.al-triangle-t-12 {
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
  border-bottom: 12px solid !important;
}
.al-triangle-b-12 {
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
  border-top: 12px solid !important;
}
.al-trapezoid-t-12 {
  border-bottom: 12px solid !important;
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
}
.al-trapezoid-b-12 {
  border-top: 12px solid !important;
  border-left: 12px solid transparent !important;
  border-right: 12px solid transparent !important;
}
.al-trapezoid-w-12px {
  width: 12px !important;
}
.al-trapezoid-h-12px {
  height: 12px !important;
}
.al-triangle-t-16 {
  border-left: 16px solid transparent !important;
  border-right: 16px solid transparent !important;
  border-bottom: 16px solid !important;
}
.al-triangle-b-16 {
  border-left: 16px solid transparent !important;
  border-right: 16px solid transparent !important;
  border-top: 16px solid !important;
}
.al-trapezoid-t-16 {
  border-bottom: 16px solid !important;
  border-left: 16px solid transparent !important;
  border-right: 16px solid transparent !important;
}
.al-trapezoid-b-16 {
  border-top: 16px solid !important;
  border-left: 16px solid transparent !important;
  border-right: 16px solid transparent !important;
}
.al-trapezoid-w-16px {
  width: 16px !important;
}
.al-trapezoid-h-16px {
  height: 16px !important;
}
.al-triangle-t-20 {
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-bottom: 20px solid !important;
}
.al-triangle-b-20 {
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
  border-top: 20px solid !important;
}
.al-trapezoid-t-20 {
  border-bottom: 20px solid !important;
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
}
.al-trapezoid-b-20 {
  border-top: 20px solid !important;
  border-left: 20px solid transparent !important;
  border-right: 20px solid transparent !important;
}
.al-trapezoid-w-20px {
  width: 20px !important;
}
.al-trapezoid-h-20px {
  height: 20px !important;
}
.al-triangle-t-24 {
  border-left: 24px solid transparent !important;
  border-right: 24px solid transparent !important;
  border-bottom: 24px solid !important;
}
.al-triangle-b-24 {
  border-left: 24px solid transparent !important;
  border-right: 24px solid transparent !important;
  border-top: 24px solid !important;
}
.al-trapezoid-t-24 {
  border-bottom: 24px solid !important;
  border-left: 24px solid transparent !important;
  border-right: 24px solid transparent !important;
}
.al-trapezoid-b-24 {
  border-top: 24px solid !important;
  border-left: 24px solid transparent !important;
  border-right: 24px solid transparent !important;
}
.al-trapezoid-w-24px {
  width: 24px !important;
}
.al-trapezoid-h-24px {
  height: 24px !important;
}
.al-triangle-t-32 {
  border-left: 32px solid transparent !important;
  border-right: 32px solid transparent !important;
  border-bottom: 32px solid !important;
}
.al-triangle-b-32 {
  border-left: 32px solid transparent !important;
  border-right: 32px solid transparent !important;
  border-top: 32px solid !important;
}
.al-trapezoid-t-32 {
  border-bottom: 32px solid !important;
  border-left: 32px solid transparent !important;
  border-right: 32px solid transparent !important;
}
.al-trapezoid-b-32 {
  border-top: 32px solid !important;
  border-left: 32px solid transparent !important;
  border-right: 32px solid transparent !important;
}
.al-trapezoid-w-32px {
  width: 32px !important;
}
.al-trapezoid-h-32px {
  height: 32px !important;
}
.al-triangle-t-48 {
  border-left: 48px solid transparent !important;
  border-right: 48px solid transparent !important;
  border-bottom: 48px solid !important;
}
.al-triangle-b-48 {
  border-left: 48px solid transparent !important;
  border-right: 48px solid transparent !important;
  border-top: 48px solid !important;
}
.al-trapezoid-t-48 {
  border-bottom: 48px solid !important;
  border-left: 48px solid transparent !important;
  border-right: 48px solid transparent !important;
}
.al-trapezoid-b-48 {
  border-top: 48px solid !important;
  border-left: 48px solid transparent !important;
  border-right: 48px solid transparent !important;
}
.al-trapezoid-w-48px {
  width: 48px !important;
}
.al-trapezoid-h-48px {
  height: 48px !important;
}
.al-triangle-t-64 {
  border-left: 64px solid transparent !important;
  border-right: 64px solid transparent !important;
  border-bottom: 64px solid !important;
}
.al-triangle-b-64 {
  border-left: 64px solid transparent !important;
  border-right: 64px solid transparent !important;
  border-top: 64px solid !important;
}
.al-trapezoid-t-64 {
  border-bottom: 64px solid !important;
  border-left: 64px solid transparent !important;
  border-right: 64px solid transparent !important;
}
.al-trapezoid-b-64 {
  border-top: 64px solid !important;
  border-left: 64px solid transparent !important;
  border-right: 64px solid transparent !important;
}
.al-trapezoid-w-64px {
  width: 64px !important;
}
.al-trapezoid-h-64px {
  height: 64px !important;
}
.al-triangle-t-80 {
  border-left: 80px solid transparent !important;
  border-right: 80px solid transparent !important;
  border-bottom: 80px solid !important;
}
.al-triangle-b-80 {
  border-left: 80px solid transparent !important;
  border-right: 80px solid transparent !important;
  border-top: 80px solid !important;
}
.al-trapezoid-t-80 {
  border-bottom: 80px solid !important;
  border-left: 80px solid transparent !important;
  border-right: 80px solid transparent !important;
}
.al-trapezoid-b-80 {
  border-top: 80px solid !important;
  border-left: 80px solid transparent !important;
  border-right: 80px solid transparent !important;
}
.al-trapezoid-w-80px {
  width: 80px !important;
}
.al-trapezoid-h-80px {
  height: 80px !important;
}
.al-triangle-t-96 {
  border-left: 96px solid transparent !important;
  border-right: 96px solid transparent !important;
  border-bottom: 96px solid !important;
}
.al-triangle-b-96 {
  border-left: 96px solid transparent !important;
  border-right: 96px solid transparent !important;
  border-top: 96px solid !important;
}
.al-trapezoid-t-96 {
  border-bottom: 96px solid !important;
  border-left: 96px solid transparent !important;
  border-right: 96px solid transparent !important;
}
.al-trapezoid-b-96 {
  border-top: 96px solid !important;
  border-left: 96px solid transparent !important;
  border-right: 96px solid transparent !important;
}
.al-trapezoid-w-96px {
  width: 96px !important;
}
.al-trapezoid-h-96px {
  height: 96px !important;
}
.al-triangle-t-112 {
  border-left: 112px solid transparent !important;
  border-right: 112px solid transparent !important;
  border-bottom: 112px solid !important;
}
.al-triangle-b-112 {
  border-left: 112px solid transparent !important;
  border-right: 112px solid transparent !important;
  border-top: 112px solid !important;
}
.al-trapezoid-t-112 {
  border-bottom: 112px solid !important;
  border-left: 112px solid transparent !important;
  border-right: 112px solid transparent !important;
}
.al-trapezoid-b-112 {
  border-top: 112px solid !important;
  border-left: 112px solid transparent !important;
  border-right: 112px solid transparent !important;
}
.al-trapezoid-w-112px {
  width: 112px !important;
}
.al-trapezoid-h-112px {
  height: 112px !important;
}
.al-trapezoid-w-10 {
  width: calc(10% + 6px) !important;
}
.al-trapezoid-h-10 {
  height: calc(10% + 6px) !important;
}
.al-trapezoid-w-25 {
  width: calc(25% + 6px) !important;
}
.al-trapezoid-h-25 {
  height: calc(25% + 6px) !important;
}
.al-trapezoid-w-50 {
  width: calc(50% + 6px) !important;
}
.al-trapezoid-h-50 {
  height: calc(50% + 6px) !important;
}
.al-trapezoid-w-75 {
  width: calc(75% + 6px) !important;
}
.al-trapezoid-h-75 {
  height: calc(75% + 6px) !important;
}
.al-rounded-fancy {
  border-radius: 30% 70% 70% 30%/30% 30% 70% 70% !important;
}
.al-rounded-fancy-2 {
  border-radius: 70% 30% 30% 70%/30% 30% 70% 70% !important;
}
.al-rounded-fancy-3 {
  border-radius: 70% 30% 30% 70%/70% 70% 30% 30% !important;
}
.al-rounded-fancy-4 {
  border-radius: 30% 70% 70% 30%/70% 70% 30% 30% !important;
}

/* ===== clip Rtl & Ltr ===== */
html[dir=ltr] .al-triangle-ts-2 {
  border-top: 2px solid !important;
  border-right: 2px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-2 {
  border-top: 2px solid !important;
  border-left: 2px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-2 {
  border-bottom: 2px solid !important;
  border-left: 2px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-2 {
  border-bottom: 2px solid !important;
  border-right: 2px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-2 {
  border-top: 2px solid transparent !important;
  border-left: 2px solid !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-2 {
  border-top: 2px solid transparent !important;
  border-right: 2px solid !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-2 {
  border-right: 2px solid !important;
  border-top: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-2 {
  border-left: 2px solid !important;
  border-top: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-3 {
  border-top: 3px solid !important;
  border-right: 3px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-3 {
  border-top: 3px solid !important;
  border-left: 3px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-3 {
  border-bottom: 3px solid !important;
  border-left: 3px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-3 {
  border-bottom: 3px solid !important;
  border-right: 3px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-3 {
  border-top: 3px solid transparent !important;
  border-left: 3px solid !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-3 {
  border-top: 3px solid transparent !important;
  border-right: 3px solid !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-3 {
  border-right: 3px solid !important;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-3 {
  border-left: 3px solid !important;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-4 {
  border-top: 4px solid !important;
  border-right: 4px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-4 {
  border-top: 4px solid !important;
  border-left: 4px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-4 {
  border-bottom: 4px solid !important;
  border-left: 4px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-4 {
  border-bottom: 4px solid !important;
  border-right: 4px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-4 {
  border-top: 4px solid transparent !important;
  border-left: 4px solid !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-4 {
  border-top: 4px solid transparent !important;
  border-right: 4px solid !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-4 {
  border-right: 4px solid !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-4 {
  border-left: 4px solid !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-5 {
  border-top: 5px solid !important;
  border-right: 5px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-5 {
  border-top: 5px solid !important;
  border-left: 5px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-5 {
  border-bottom: 5px solid !important;
  border-left: 5px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-5 {
  border-bottom: 5px solid !important;
  border-right: 5px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-5 {
  border-top: 5px solid transparent !important;
  border-left: 5px solid !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-5 {
  border-top: 5px solid transparent !important;
  border-right: 5px solid !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-5 {
  border-right: 5px solid !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-5 {
  border-left: 5px solid !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-6 {
  border-top: 6px solid !important;
  border-right: 6px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-6 {
  border-top: 6px solid !important;
  border-left: 6px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-6 {
  border-bottom: 6px solid !important;
  border-left: 6px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-6 {
  border-bottom: 6px solid !important;
  border-right: 6px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-6 {
  border-top: 6px solid transparent !important;
  border-left: 6px solid !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-6 {
  border-top: 6px solid transparent !important;
  border-right: 6px solid !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-6 {
  border-right: 6px solid !important;
  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-6 {
  border-left: 6px solid !important;
  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-7 {
  border-top: 7px solid !important;
  border-right: 7px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-7 {
  border-top: 7px solid !important;
  border-left: 7px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-7 {
  border-bottom: 7px solid !important;
  border-left: 7px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-7 {
  border-bottom: 7px solid !important;
  border-right: 7px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-7 {
  border-top: 7px solid transparent !important;
  border-left: 7px solid !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-7 {
  border-top: 7px solid transparent !important;
  border-right: 7px solid !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-7 {
  border-right: 7px solid !important;
  border-top: 7px solid transparent !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-7 {
  border-left: 7px solid !important;
  border-top: 7px solid transparent !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-8 {
  border-top: 8px solid !important;
  border-right: 8px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-8 {
  border-top: 8px solid !important;
  border-left: 8px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-8 {
  border-bottom: 8px solid !important;
  border-left: 8px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-8 {
  border-bottom: 8px solid !important;
  border-right: 8px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-8 {
  border-top: 8px solid transparent !important;
  border-left: 8px solid !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-8 {
  border-top: 8px solid transparent !important;
  border-right: 8px solid !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-8 {
  border-right: 8px solid !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-8 {
  border-left: 8px solid !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-9 {
  border-top: 9px solid !important;
  border-right: 9px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-9 {
  border-top: 9px solid !important;
  border-left: 9px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-9 {
  border-bottom: 9px solid !important;
  border-left: 9px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-9 {
  border-bottom: 9px solid !important;
  border-right: 9px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-9 {
  border-top: 9px solid transparent !important;
  border-left: 9px solid !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-9 {
  border-top: 9px solid transparent !important;
  border-right: 9px solid !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-9 {
  border-right: 9px solid !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-9 {
  border-left: 9px solid !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-10 {
  border-top: 10px solid !important;
  border-right: 10px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-10 {
  border-top: 10px solid !important;
  border-left: 10px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-10 {
  border-bottom: 10px solid !important;
  border-left: 10px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-10 {
  border-bottom: 10px solid !important;
  border-right: 10px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-10 {
  border-top: 10px solid transparent !important;
  border-left: 10px solid !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-10 {
  border-top: 10px solid transparent !important;
  border-right: 10px solid !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-10 {
  border-right: 10px solid !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-10 {
  border-left: 10px solid !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-12 {
  border-top: 12px solid !important;
  border-right: 12px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-12 {
  border-top: 12px solid !important;
  border-left: 12px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-12 {
  border-bottom: 12px solid !important;
  border-left: 12px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-12 {
  border-bottom: 12px solid !important;
  border-right: 12px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-12 {
  border-top: 12px solid transparent !important;
  border-left: 12px solid !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-12 {
  border-top: 12px solid transparent !important;
  border-right: 12px solid !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-12 {
  border-right: 12px solid !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-12 {
  border-left: 12px solid !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-16 {
  border-top: 16px solid !important;
  border-right: 16px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-16 {
  border-top: 16px solid !important;
  border-left: 16px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-16 {
  border-bottom: 16px solid !important;
  border-left: 16px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-16 {
  border-bottom: 16px solid !important;
  border-right: 16px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-16 {
  border-top: 16px solid transparent !important;
  border-left: 16px solid !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-16 {
  border-top: 16px solid transparent !important;
  border-right: 16px solid !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-16 {
  border-right: 16px solid !important;
  border-top: 16px solid transparent !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-16 {
  border-left: 16px solid !important;
  border-top: 16px solid transparent !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-20 {
  border-top: 20px solid !important;
  border-right: 20px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-20 {
  border-top: 20px solid !important;
  border-left: 20px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-20 {
  border-bottom: 20px solid !important;
  border-left: 20px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-20 {
  border-bottom: 20px solid !important;
  border-right: 20px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-20 {
  border-top: 20px solid transparent !important;
  border-left: 20px solid !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-20 {
  border-top: 20px solid transparent !important;
  border-right: 20px solid !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-20 {
  border-right: 20px solid !important;
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-20 {
  border-left: 20px solid !important;
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-24 {
  border-top: 24px solid !important;
  border-right: 24px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-24 {
  border-top: 24px solid !important;
  border-left: 24px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-24 {
  border-bottom: 24px solid !important;
  border-left: 24px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-24 {
  border-bottom: 24px solid !important;
  border-right: 24px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-24 {
  border-top: 24px solid transparent !important;
  border-left: 24px solid !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-24 {
  border-top: 24px solid transparent !important;
  border-right: 24px solid !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-24 {
  border-right: 24px solid !important;
  border-top: 24px solid transparent !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-24 {
  border-left: 24px solid !important;
  border-top: 24px solid transparent !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-32 {
  border-top: 32px solid !important;
  border-right: 32px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-32 {
  border-top: 32px solid !important;
  border-left: 32px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-32 {
  border-bottom: 32px solid !important;
  border-left: 32px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-32 {
  border-bottom: 32px solid !important;
  border-right: 32px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-32 {
  border-top: 32px solid transparent !important;
  border-left: 32px solid !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-32 {
  border-top: 32px solid transparent !important;
  border-right: 32px solid !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-32 {
  border-right: 32px solid !important;
  border-top: 32px solid transparent !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-32 {
  border-left: 32px solid !important;
  border-top: 32px solid transparent !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-48 {
  border-top: 48px solid !important;
  border-right: 48px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-48 {
  border-top: 48px solid !important;
  border-left: 48px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-48 {
  border-bottom: 48px solid !important;
  border-left: 48px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-48 {
  border-bottom: 48px solid !important;
  border-right: 48px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-48 {
  border-top: 48px solid transparent !important;
  border-left: 48px solid !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-48 {
  border-top: 48px solid transparent !important;
  border-right: 48px solid !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-48 {
  border-right: 48px solid !important;
  border-top: 48px solid transparent !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-48 {
  border-left: 48px solid !important;
  border-top: 48px solid transparent !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-64 {
  border-top: 64px solid !important;
  border-right: 64px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-64 {
  border-top: 64px solid !important;
  border-left: 64px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-64 {
  border-bottom: 64px solid !important;
  border-left: 64px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-64 {
  border-bottom: 64px solid !important;
  border-right: 64px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-64 {
  border-top: 64px solid transparent !important;
  border-left: 64px solid !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-64 {
  border-top: 64px solid transparent !important;
  border-right: 64px solid !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-64 {
  border-right: 64px solid !important;
  border-top: 64px solid transparent !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-64 {
  border-left: 64px solid !important;
  border-top: 64px solid transparent !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-80 {
  border-top: 80px solid !important;
  border-right: 80px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-80 {
  border-top: 80px solid !important;
  border-left: 80px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-80 {
  border-bottom: 80px solid !important;
  border-left: 80px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-80 {
  border-bottom: 80px solid !important;
  border-right: 80px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-80 {
  border-top: 80px solid transparent !important;
  border-left: 80px solid !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-80 {
  border-top: 80px solid transparent !important;
  border-right: 80px solid !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-80 {
  border-right: 80px solid !important;
  border-top: 80px solid transparent !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-80 {
  border-left: 80px solid !important;
  border-top: 80px solid transparent !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-96 {
  border-top: 96px solid !important;
  border-right: 96px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-96 {
  border-top: 96px solid !important;
  border-left: 96px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-96 {
  border-bottom: 96px solid !important;
  border-left: 96px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-96 {
  border-bottom: 96px solid !important;
  border-right: 96px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-96 {
  border-top: 96px solid transparent !important;
  border-left: 96px solid !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-96 {
  border-top: 96px solid transparent !important;
  border-right: 96px solid !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-96 {
  border-right: 96px solid !important;
  border-top: 96px solid transparent !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-96 {
  border-left: 96px solid !important;
  border-top: 96px solid transparent !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=ltr] .al-triangle-ts-112 {
  border-top: 112px solid !important;
  border-right: 112px solid transparent !important;
}
html[dir=ltr] .al-triangle-te-112 {
  border-top: 112px solid !important;
  border-left: 112px solid transparent !important;
}
html[dir=ltr] .al-triangle-be-112 {
  border-bottom: 112px solid !important;
  border-left: 112px solid transparent !important;
}
html[dir=ltr] .al-triangle-bs-112 {
  border-bottom: 112px solid !important;
  border-right: 112px solid transparent !important;
}
html[dir=ltr] .al-triangle-e-112 {
  border-top: 112px solid transparent !important;
  border-left: 112px solid !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=ltr] .al-triangle-s-112 {
  border-top: 112px solid transparent !important;
  border-right: 112px solid !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-s-112 {
  border-right: 112px solid !important;
  border-top: 112px solid transparent !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=ltr] .al-trapezoid-e-112 {
  border-left: 112px solid !important;
  border-top: 112px solid transparent !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-2 {
  border-top: 2px solid !important;
  border-left: 2px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-2 {
  border-top: 2px solid !important;
  border-right: 2px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-2 {
  border-bottom: 2px solid !important;
  border-right: 2px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-2 {
  border-bottom: 2px solid !important;
  border-left: 2px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-2 {
  border-top: 2px solid transparent !important;
  border-right: 2px solid !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-2 {
  border-top: 2px solid transparent !important;
  border-left: 2px solid !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-2 {
  border-left: 2px solid !important;
  border-top: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-2 {
  border-right: 2px solid !important;
  border-top: 2px solid transparent !important;
  border-bottom: 2px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-3 {
  border-top: 3px solid !important;
  border-left: 3px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-3 {
  border-top: 3px solid !important;
  border-right: 3px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-3 {
  border-bottom: 3px solid !important;
  border-right: 3px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-3 {
  border-bottom: 3px solid !important;
  border-left: 3px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-3 {
  border-top: 3px solid transparent !important;
  border-right: 3px solid !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-3 {
  border-top: 3px solid transparent !important;
  border-left: 3px solid !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-3 {
  border-left: 3px solid !important;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-3 {
  border-right: 3px solid !important;
  border-top: 3px solid transparent !important;
  border-bottom: 3px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-4 {
  border-top: 4px solid !important;
  border-left: 4px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-4 {
  border-top: 4px solid !important;
  border-right: 4px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-4 {
  border-bottom: 4px solid !important;
  border-right: 4px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-4 {
  border-bottom: 4px solid !important;
  border-left: 4px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-4 {
  border-top: 4px solid transparent !important;
  border-right: 4px solid !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-4 {
  border-top: 4px solid transparent !important;
  border-left: 4px solid !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-4 {
  border-left: 4px solid !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-4 {
  border-right: 4px solid !important;
  border-top: 4px solid transparent !important;
  border-bottom: 4px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-5 {
  border-top: 5px solid !important;
  border-left: 5px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-5 {
  border-top: 5px solid !important;
  border-right: 5px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-5 {
  border-bottom: 5px solid !important;
  border-right: 5px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-5 {
  border-bottom: 5px solid !important;
  border-left: 5px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-5 {
  border-top: 5px solid transparent !important;
  border-right: 5px solid !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-5 {
  border-top: 5px solid transparent !important;
  border-left: 5px solid !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-5 {
  border-left: 5px solid !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-5 {
  border-right: 5px solid !important;
  border-top: 5px solid transparent !important;
  border-bottom: 5px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-6 {
  border-top: 6px solid !important;
  border-left: 6px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-6 {
  border-top: 6px solid !important;
  border-right: 6px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-6 {
  border-bottom: 6px solid !important;
  border-right: 6px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-6 {
  border-bottom: 6px solid !important;
  border-left: 6px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-6 {
  border-top: 6px solid transparent !important;
  border-right: 6px solid !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-6 {
  border-top: 6px solid transparent !important;
  border-left: 6px solid !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-6 {
  border-left: 6px solid !important;
  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-6 {
  border-right: 6px solid !important;
  border-top: 6px solid transparent !important;
  border-bottom: 6px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-7 {
  border-top: 7px solid !important;
  border-left: 7px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-7 {
  border-top: 7px solid !important;
  border-right: 7px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-7 {
  border-bottom: 7px solid !important;
  border-right: 7px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-7 {
  border-bottom: 7px solid !important;
  border-left: 7px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-7 {
  border-top: 7px solid transparent !important;
  border-right: 7px solid !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-7 {
  border-top: 7px solid transparent !important;
  border-left: 7px solid !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-7 {
  border-left: 7px solid !important;
  border-top: 7px solid transparent !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-7 {
  border-right: 7px solid !important;
  border-top: 7px solid transparent !important;
  border-bottom: 7px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-8 {
  border-top: 8px solid !important;
  border-left: 8px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-8 {
  border-top: 8px solid !important;
  border-right: 8px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-8 {
  border-bottom: 8px solid !important;
  border-right: 8px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-8 {
  border-bottom: 8px solid !important;
  border-left: 8px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-8 {
  border-top: 8px solid transparent !important;
  border-right: 8px solid !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-8 {
  border-top: 8px solid transparent !important;
  border-left: 8px solid !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-8 {
  border-left: 8px solid !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-8 {
  border-right: 8px solid !important;
  border-top: 8px solid transparent !important;
  border-bottom: 8px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-9 {
  border-top: 9px solid !important;
  border-left: 9px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-9 {
  border-top: 9px solid !important;
  border-right: 9px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-9 {
  border-bottom: 9px solid !important;
  border-right: 9px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-9 {
  border-bottom: 9px solid !important;
  border-left: 9px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-9 {
  border-top: 9px solid transparent !important;
  border-right: 9px solid !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-9 {
  border-top: 9px solid transparent !important;
  border-left: 9px solid !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-9 {
  border-left: 9px solid !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-9 {
  border-right: 9px solid !important;
  border-top: 9px solid transparent !important;
  border-bottom: 9px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-10 {
  border-top: 10px solid !important;
  border-left: 10px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-10 {
  border-top: 10px solid !important;
  border-right: 10px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-10 {
  border-bottom: 10px solid !important;
  border-right: 10px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-10 {
  border-bottom: 10px solid !important;
  border-left: 10px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-10 {
  border-top: 10px solid transparent !important;
  border-right: 10px solid !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-10 {
  border-top: 10px solid transparent !important;
  border-left: 10px solid !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-10 {
  border-left: 10px solid !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-10 {
  border-right: 10px solid !important;
  border-top: 10px solid transparent !important;
  border-bottom: 10px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-12 {
  border-top: 12px solid !important;
  border-left: 12px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-12 {
  border-top: 12px solid !important;
  border-right: 12px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-12 {
  border-bottom: 12px solid !important;
  border-right: 12px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-12 {
  border-bottom: 12px solid !important;
  border-left: 12px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-12 {
  border-top: 12px solid transparent !important;
  border-right: 12px solid !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-12 {
  border-top: 12px solid transparent !important;
  border-left: 12px solid !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-12 {
  border-left: 12px solid !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-12 {
  border-right: 12px solid !important;
  border-top: 12px solid transparent !important;
  border-bottom: 12px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-16 {
  border-top: 16px solid !important;
  border-left: 16px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-16 {
  border-top: 16px solid !important;
  border-right: 16px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-16 {
  border-bottom: 16px solid !important;
  border-right: 16px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-16 {
  border-bottom: 16px solid !important;
  border-left: 16px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-16 {
  border-top: 16px solid transparent !important;
  border-right: 16px solid !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-16 {
  border-top: 16px solid transparent !important;
  border-left: 16px solid !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-16 {
  border-left: 16px solid !important;
  border-top: 16px solid transparent !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-16 {
  border-right: 16px solid !important;
  border-top: 16px solid transparent !important;
  border-bottom: 16px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-20 {
  border-top: 20px solid !important;
  border-left: 20px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-20 {
  border-top: 20px solid !important;
  border-right: 20px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-20 {
  border-bottom: 20px solid !important;
  border-right: 20px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-20 {
  border-bottom: 20px solid !important;
  border-left: 20px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-20 {
  border-top: 20px solid transparent !important;
  border-right: 20px solid !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-20 {
  border-top: 20px solid transparent !important;
  border-left: 20px solid !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-20 {
  border-left: 20px solid !important;
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-20 {
  border-right: 20px solid !important;
  border-top: 20px solid transparent !important;
  border-bottom: 20px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-24 {
  border-top: 24px solid !important;
  border-left: 24px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-24 {
  border-top: 24px solid !important;
  border-right: 24px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-24 {
  border-bottom: 24px solid !important;
  border-right: 24px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-24 {
  border-bottom: 24px solid !important;
  border-left: 24px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-24 {
  border-top: 24px solid transparent !important;
  border-right: 24px solid !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-24 {
  border-top: 24px solid transparent !important;
  border-left: 24px solid !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-24 {
  border-left: 24px solid !important;
  border-top: 24px solid transparent !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-24 {
  border-right: 24px solid !important;
  border-top: 24px solid transparent !important;
  border-bottom: 24px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-32 {
  border-top: 32px solid !important;
  border-left: 32px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-32 {
  border-top: 32px solid !important;
  border-right: 32px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-32 {
  border-bottom: 32px solid !important;
  border-right: 32px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-32 {
  border-bottom: 32px solid !important;
  border-left: 32px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-32 {
  border-top: 32px solid transparent !important;
  border-right: 32px solid !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-32 {
  border-top: 32px solid transparent !important;
  border-left: 32px solid !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-32 {
  border-left: 32px solid !important;
  border-top: 32px solid transparent !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-32 {
  border-right: 32px solid !important;
  border-top: 32px solid transparent !important;
  border-bottom: 32px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-48 {
  border-top: 48px solid !important;
  border-left: 48px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-48 {
  border-top: 48px solid !important;
  border-right: 48px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-48 {
  border-bottom: 48px solid !important;
  border-right: 48px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-48 {
  border-bottom: 48px solid !important;
  border-left: 48px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-48 {
  border-top: 48px solid transparent !important;
  border-right: 48px solid !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-48 {
  border-top: 48px solid transparent !important;
  border-left: 48px solid !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-48 {
  border-left: 48px solid !important;
  border-top: 48px solid transparent !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-48 {
  border-right: 48px solid !important;
  border-top: 48px solid transparent !important;
  border-bottom: 48px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-64 {
  border-top: 64px solid !important;
  border-left: 64px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-64 {
  border-top: 64px solid !important;
  border-right: 64px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-64 {
  border-bottom: 64px solid !important;
  border-right: 64px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-64 {
  border-bottom: 64px solid !important;
  border-left: 64px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-64 {
  border-top: 64px solid transparent !important;
  border-right: 64px solid !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-64 {
  border-top: 64px solid transparent !important;
  border-left: 64px solid !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-64 {
  border-left: 64px solid !important;
  border-top: 64px solid transparent !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-64 {
  border-right: 64px solid !important;
  border-top: 64px solid transparent !important;
  border-bottom: 64px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-80 {
  border-top: 80px solid !important;
  border-left: 80px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-80 {
  border-top: 80px solid !important;
  border-right: 80px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-80 {
  border-bottom: 80px solid !important;
  border-right: 80px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-80 {
  border-bottom: 80px solid !important;
  border-left: 80px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-80 {
  border-top: 80px solid transparent !important;
  border-right: 80px solid !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-80 {
  border-top: 80px solid transparent !important;
  border-left: 80px solid !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-80 {
  border-left: 80px solid !important;
  border-top: 80px solid transparent !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-80 {
  border-right: 80px solid !important;
  border-top: 80px solid transparent !important;
  border-bottom: 80px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-96 {
  border-top: 96px solid !important;
  border-left: 96px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-96 {
  border-top: 96px solid !important;
  border-right: 96px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-96 {
  border-bottom: 96px solid !important;
  border-right: 96px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-96 {
  border-bottom: 96px solid !important;
  border-left: 96px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-96 {
  border-top: 96px solid transparent !important;
  border-right: 96px solid !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-96 {
  border-top: 96px solid transparent !important;
  border-left: 96px solid !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-96 {
  border-left: 96px solid !important;
  border-top: 96px solid transparent !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-96 {
  border-right: 96px solid !important;
  border-top: 96px solid transparent !important;
  border-bottom: 96px solid transparent !important;
}
html[dir=rtl] .al-triangle-ts-112 {
  border-top: 112px solid !important;
  border-left: 112px solid transparent !important;
}
html[dir=rtl] .al-triangle-te-112 {
  border-top: 112px solid !important;
  border-right: 112px solid transparent !important;
}
html[dir=rtl] .al-triangle-be-112 {
  border-bottom: 112px solid !important;
  border-right: 112px solid transparent !important;
}
html[dir=rtl] .al-triangle-bs-112 {
  border-bottom: 112px solid !important;
  border-left: 112px solid transparent !important;
}
html[dir=rtl] .al-triangle-e-112 {
  border-top: 112px solid transparent !important;
  border-right: 112px solid !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=rtl] .al-triangle-s-112 {
  border-top: 112px solid transparent !important;
  border-left: 112px solid !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-s-112 {
  border-left: 112px solid !important;
  border-top: 112px solid transparent !important;
  border-bottom: 112px solid transparent !important;
}
html[dir=rtl] .al-trapezoid-e-112 {
  border-right: 112px solid !important;
  border-top: 112px solid transparent !important;
  border-bottom: 112px solid transparent !important;
}

.al-custom-clip-one {
  position: relative;
  --al-ts:16px;
  --al-te:16px;
  --al-bs:16px;
  --al-be:16px;
  --al-t:40px;
  --al-b:40px;
  --al-s:16px;
  --al-e:16px;
  --al-extend-t:200px;
  --al-extend-b:200px;
  --al-extend-s:50%;
  --al-extend-e:50%;
  clip-path: polygon(0% calc(var(--al-ts) * 2), var(--al-ts) var(--al-ts), calc(50% - (var(--al-extend-t) + 100px + var(--al-ts))) var(--al-ts), calc(50% - (var(--al-extend-t) + 100px)) 0%, calc(50% - var(--al-extend-t)) 0%, calc(50% - (var(--al-extend-t) - var(--al-t))) var(--al-t), calc(50% + var(--al-extend-t) - var(--al-t)) var(--al-t), calc(50% + var(--al-extend-t)) 0%, calc(50% + var(--al-extend-t) + 100px) 0%, calc(50% + var(--al-extend-t) + 100px + var(--al-te)) var(--al-te), calc(100% - var(--al-te)) var(--al-te), 100% calc(var(--al-te) * 2), 100% calc(50% - var(--al-extend-e) / 2), calc(100% - var(--al-e)) calc(50% - var(--al-extend-e) / 2 + var(--al-e)), calc(100% - var(--al-e)) calc(50% + var(--al-extend-e) / 2 - var(--al-e)), 100% calc(50% + var(--al-extend-e) / 2), 100% calc(100% - var(--al-be) * 2), calc(100% - var(--al-be)) calc(100% - var(--al-be)), calc(50% + var(--al-extend-b) + 100px + var(--al-be)) calc(100% - var(--al-be)), calc(50% + var(--al-extend-b) + 100px) 100%, calc(50% + var(--al-extend-b)) 100%, calc(50% + var(--al-extend-b) - var(--al-b)) calc(100% - var(--al-b)), calc(50% - (var(--al-extend-b) - var(--al-b))) calc(100% - var(--al-b)), calc(50% - var(--al-extend-b)) 100%, calc(50% - (var(--al-extend-b) + 100px)) 100%, calc(50% - (var(--al-extend-b) + 100px + var(--al-bs))) calc(100% - var(--al-bs)), var(--al-bs) calc(100% - var(--al-bs)), 0% calc(100% - var(--al-bs) * 2), 0% calc(50% + var(--al-extend-s) / 2), var(--al-s) calc(50% + var(--al-extend-s) / 2 - var(--al-s)), var(--al-s) calc(50% - var(--al-extend-s) / 2 + var(--al-s)), 0% calc(50% - var(--al-extend-s) / 2));
}
.al-custom-inlay-one {
  --al-inlay:5px;
  --al-inlay-bg:currentColor;
}
.al-custom-inlay-one::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(calc(0% + var(--al-inlay)) calc(var(--al-ts) * 2 + var(--al-inlay) / 2), calc(var(--al-ts) + var(--al-inlay) / 2) calc(var(--al-ts) + var(--al-inlay)), calc(50% - (var(--al-extend-t) + 100px + var(--al-ts) - var(--al-inlay) / 2)) calc(var(--al-ts) + var(--al-inlay)), calc(50% - (var(--al-extend-t) + 100px - var(--al-inlay) / 2)) calc(0% + var(--al-inlay)), calc(50% - var(--al-extend-t) - var(--al-inlay) / 2) calc(0% + var(--al-inlay)), calc(50% - (var(--al-extend-t) - var(--al-t)) - var(--al-inlay) / 2) calc(var(--al-t) + var(--al-inlay)), calc(50% + var(--al-extend-t) - var(--al-t) + var(--al-inlay) / 2) calc(var(--al-t) + var(--al-inlay)), calc(50% + var(--al-extend-t) + var(--al-inlay) / 2) calc(0% + var(--al-inlay)), calc(50% + var(--al-extend-t) + 100px - var(--al-inlay) / 2) calc(0% + var(--al-inlay)), calc(50% + var(--al-extend-t) + 100px + var(--al-te) - var(--al-inlay) / 2) calc(var(--al-te) + var(--al-inlay)), calc(100% - var(--al-inlay) / 2 - var(--al-te)) calc(var(--al-te) + var(--al-inlay)), calc(100% - var(--al-inlay)) calc(var(--al-te) * 2 + var(--al-inlay) / 2), calc(100% - var(--al-inlay)) calc(50% - var(--al-extend-e) / 2 - var(--al-inlay) / 2), calc(100% - var(--al-inlay) - var(--al-e)) calc(50% - var(--al-extend-e) / 2 + var(--al-e) - var(--al-inlay) / 2), calc(100% - var(--al-inlay) - var(--al-e)) calc(50% + var(--al-extend-e) / 2 - var(--al-e) + var(--al-inlay) / 2), calc(100% - var(--al-inlay)) calc(50% + var(--al-extend-e) / 2 + var(--al-inlay) / 2), calc(100% - var(--al-inlay)) calc(100% - var(--al-inlay) / 2 - var(--al-be) * 2), calc(100% - var(--al-inlay) / 2 - var(--al-be)) calc(100% - var(--al-inlay) - var(--al-be)), calc(50% + var(--al-extend-b) + 100px + var(--al-be) - var(--al-inlay) / 2) calc(100% - var(--al-inlay) - var(--al-be)), calc(50% + var(--al-extend-b) + 100px - var(--al-inlay) / 2) calc(100% - var(--al-inlay)), calc(50% + var(--al-extend-b) + var(--al-inlay) / 2) calc(100% - var(--al-inlay)), calc(50% + var(--al-extend-b) - var(--al-b) + var(--al-inlay) / 2) calc(100% - var(--al-inlay) - var(--al-b)), calc(50% - (var(--al-extend-b) - var(--al-b)) - var(--al-inlay) / 2) calc(100% - var(--al-inlay) - var(--al-b)), calc(50% - var(--al-extend-b) - var(--al-inlay) / 2) calc(100% - var(--al-inlay)), calc(50% - (var(--al-extend-b) + 100px) + var(--al-inlay) / 2) calc(100% - var(--al-inlay)), calc(50% - (var(--al-extend-b) + 100px + var(--al-bs)) + var(--al-inlay) / 2) calc(100% - var(--al-inlay) - var(--al-bs)), calc(var(--al-bs) + var(--al-inlay) / 2) calc(100% - var(--al-inlay) - var(--al-bs)), calc(0% + var(--al-inlay)) calc(100% - var(--al-inlay) / 2 - var(--al-bs) * 2), calc(0% + var(--al-inlay)) calc(50% + var(--al-extend-s) / 2 + var(--al-inlay) / 2), calc(var(--al-s) + var(--al-inlay)) calc(50% + var(--al-extend-s) / 2 - var(--al-s) + var(--al-inlay) / 2), calc(var(--al-s) + var(--al-inlay)) calc(50% - var(--al-extend-s) / 2 + var(--al-s) - var(--al-inlay) / 2), calc(0% + var(--al-inlay)) calc(50% - var(--al-extend-s) / 2 - var(--al-inlay) / 2));
  pointer-events: none;
  background: var(--al-inlay-bg);
}

.al-hexa {
  --al-inlay:3px;
  --al-inlay-bg:currentColor;
  --al-border:3px;
  --al-border-bg:currentColor;
  position: relative;
  aspect-ratio: 1.1547/1;
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
}
.al-hexa-inlay::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: var(--al-inlay);
  right: var(--al-inlay);
  bottom: var(--al-inlay);
  left: var(--al-inlay);
  clip-path: polygon(25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, 0% 50%);
  background: var(--al-inlay-bg);
}
.al-hexa-border::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(0% 50%, 25% 0%, 75% 0%, 100% 50%, 75% 100%, 25% 100%, calc(25% + var(--al-border) / 2) calc(100% - var(--al-border)), calc(75% - var(--al-border) / 2) calc(100% - var(--al-border)), calc(100% - var(--al-border)) 50%, calc(75% - var(--al-border) / 2) var(--al-border), calc(25% + var(--al-border) / 2) var(--al-border), var(--al-border) 50%, calc(25% + var(--al-border) / 2) calc(100% - var(--al-border)), 25% 100%);
  background: var(--al-border-bg);
}
.al-hexa-alt {
  --al-inlay:3px;
  --al-inlay-bg:currentColor;
  --al-border:3px;
  --al-border-bg:currentColor;
  position: relative;
  aspect-ratio: 1/1.1547;
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
}
.al-hexa-alt-inlay::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: var(--al-inlay);
  right: var(--al-inlay);
  bottom: var(--al-inlay);
  left: var(--al-inlay);
  clip-path: polygon(50% 0, 100% 25%, 100% 75%, 50% 100%, 0 75%, 0 25%);
  background: var(--al-inlay-bg);
}
.al-hexa-alt-border::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(50% 0%, 100% 25%, 100% 75%, 50% 100%, 0% 75%, 0% 25%, var(--al-border) calc(25% + var(--al-border) / 2), var(--al-border) calc(75% - var(--al-border) / 2), 50% calc(100% - var(--al-border)), calc(100% - var(--al-border)) calc(75% - var(--al-border) / 2), calc(100% - var(--al-border)) calc(25% + var(--al-border) / 2), 50% var(--al-border), var(--al-border) calc(25% + var(--al-border) / 2), 0% 25%);
  background: var(--al-border-bg);
}

.al-triangle-up {
  clip-path: polygon(50% 0%, 0% 100%, 100% 100%);
}
.al-triangle-down {
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%);
}
.al-triangle-start {
  clip-path: polygon(0% 50%, 100% 0%, 100% 100%);
}
.al-triangle-end {
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%);
}
.al-triangle-inlay-up {
  position: relative;
  --al-inlay-bg:currentColor;
  --al-inlay:10px;
}
.al-triangle-inlay-up::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(50% calc(var(--al-inlay) + var(--al-inlay) / 2), calc(var(--al-inlay) + var(--al-inlay) / 2) calc(100% - var(--al-inlay)), calc(100% - (var(--al-inlay) + var(--al-inlay) / 2)) calc(100% - var(--al-inlay)));
  background: var(--al-inlay-bg);
}
.al-triangle-inlay-down {
  position: relative;
  --al-inlay-bg:currentColor;
  --al-inlay:10px;
}
.al-triangle-inlay-down::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(calc(var(--al-inlay) + var(--al-inlay) / 2) var(--al-inlay), calc(100% - (var(--al-inlay) + var(--al-inlay) / 2)) var(--al-inlay), 50% calc(100% - (var(--al-inlay) + var(--al-inlay) / 2)));
  background: var(--al-inlay-bg);
}
.al-triangle-inlay-start {
  position: relative;
  --al-inlay-bg:currentColor;
  --al-inlay:10px;
}
.al-triangle-inlay-start::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(calc(var(--al-inlay) + var(--al-inlay) / 2) 50%, calc(100% - var(--al-inlay)) calc(var(--al-inlay) + var(--al-inlay) / 2), calc(100% - var(--al-inlay)) calc(100% - (var(--al-inlay) + var(--al-inlay) / 2)));
  background: var(--al-inlay-bg);
}
.al-triangle-inlay-end {
  position: relative;
  --al-inlay-bg:currentColor;
  --al-inlay:10px;
}
.al-triangle-inlay-end::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(var(--al-inlay) calc(var(--al-inlay) + var(--al-inlay) / 2), calc(100% - (var(--al-inlay) + var(--al-inlay) / 2)) 50%, var(--al-inlay) calc(100% - (var(--al-inlay) + var(--al-inlay) / 2)));
  background: var(--al-inlay-bg);
}
.al-triangle-border-up {
  position: relative;
  --al-border-bg:currentColor;
  --al-border:3px;
}
.al-triangle-border-up::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(50% 0%, 100% 100%, 0% 100%, calc(var(--al-border) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(100% - (var(--al-border) + var(--al-border) / 2)) calc(100% - var(--al-border)), 50% calc(var(--al-border) + var(--al-border) / 2), calc(var(--al-border) + var(--al-border) / 2) calc(100% - var(--al-border)), 0% 100%);
  background: var(--al-border-bg);
}
.al-triangle-border-down {
  position: relative;
  --al-border-bg:currentColor;
  --al-border:3px;
}
.al-triangle-border-down::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 50% 100%, 50% calc(100% - (var(--al-border) + var(--al-border) / 2)), calc(100% - (var(--al-border) + var(--al-border) / 2)) var(--al-border), calc(var(--al-border) + var(--al-border) / 2) var(--al-border), 50% calc(100% - (var(--al-border) + var(--al-border) / 2)), 50% 100%);
  background: var(--al-border-bg);
}
.al-triangle-border-start {
  position: relative;
  --al-border-bg:currentColor;
  --al-border:3px;
}
.al-triangle-border-start::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(100% 0, 100% 100%, 0% 50%, calc(var(--al-border) + var(--al-border) / 2) 50%, calc(100% - var(--al-border)) calc(100% - (var(--al-border) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-border) + var(--al-border) / 2), calc(var(--al-border) + var(--al-border) / 2) 50%, 0% 50%);
  background: var(--al-border-bg);
}
.al-triangle-border-end {
  position: relative;
  --al-border-bg:currentColor;
  --al-border:3px;
}
.al-triangle-border-end::after {
  content: "";
  position: absolute;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  clip-path: polygon(0% 0%, 100% 50%, 0% 100%, var(--al-border) calc(100% - (var(--al-border) + var(--al-border) / 2)), calc(100% - (var(--al-border) + var(--al-border) / 2)) 50%, var(--al-border) calc(var(--al-border) + var(--al-border) / 2), var(--al-border) calc(100% - var(--al-border)), 0 100%);
  background: var(--al-border-bg);
}

.al-clip-both {
  position: relative;
  --al-ts:0px;
  --al-te:0px;
  --al-be:0px;
  --al-bs:0px;
  --al-t:0px;
  --al-e:0px;
  --al-b:0px;
  --al-s:0px;
  --al-extend-t:0px;
  --al-extend-e:0px;
  --al-extend-b:0px;
  --al-extend-s:0px;
  --al-center-t:50%;
  --al-center-e:50%;
  --al-center-b:50%;
  --al-center-s:50%;
  --al-border:5px;
  --al-border-bg:currentColor;
  --al-inlay:8px;
  --al-inlay-bg:currentColor;
  clip-path: polygon(0% var(--al-ts), var(--al-ts) 0%, calc(var(--al-center-t) - var(--al-extend-t)) 0%, calc(var(--al-center-t) - var(--al-extend-t) + var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) - var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t)) 0%, calc(100% - var(--al-te)) 0%, 100% var(--al-te), 100% calc(var(--al-center-e) - var(--al-extend-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) - var(--al-extend-e) + var(--al-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) + var(--al-extend-e) - var(--al-e)), 100% calc(var(--al-center-e) + var(--al-extend-e)), 100% calc(100% - var(--al-be)), calc(100% - var(--al-be)) 100%, calc(var(--al-center-b) + var(--al-extend-b)) 100%, calc(var(--al-center-b) + var(--al-extend-b) - var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b) + var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b)) 100%, var(--al-bs) 100%, 0 calc(100% - var(--al-bs)), 0% calc(var(--al-center-s) + var(--al-extend-s)), var(--al-s) calc(var(--al-center-s) + var(--al-extend-s) - var(--al-s)), var(--al-s) calc(var(--al-center-s) - var(--al-extend-s) + var(--al-s)), 0% calc(var(--al-center-s) - var(--al-extend-s)));
}
.al-clip-both::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(var(--al-inlay) + var(--al-border));
  right: calc(var(--al-inlay) + var(--al-border));
  bottom: calc(var(--al-inlay) + var(--al-border));
  left: calc(var(--al-inlay) + var(--al-border));
  clip-path: polygon(0% calc(var(--al-ts) - (var(--al-inlay) + var(--al-border)) / 2), calc(var(--al-ts) - (var(--al-inlay) + var(--al-border)) / 2) 0%, calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-border) / 2 + var(--al-inlay) / 2)) 0%, calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-border) / 2 + var(--al-inlay) / 2) + var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-border) / 2 + var(--al-inlay) / 2 - var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-border) / 2 + var(--al-inlay) / 2) 0%, calc(100% - (var(--al-te) - (var(--al-inlay) + var(--al-border)) / 2)) 0%, 100% calc(var(--al-te) - (var(--al-inlay) + var(--al-border)) / 2), 100% calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-border) / 2 + var(--al-inlay) / 2)), calc(100% - var(--al-e)) calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-border) / 2 + var(--al-inlay) / 2) + var(--al-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) + var(--al-extend-e) + var(--al-border) / 2 + var(--al-inlay) / 2 - var(--al-e)), 100% calc(var(--al-center-e) + var(--al-extend-e) + var(--al-border) / 2 + var(--al-inlay) / 2), 100% calc(100% - (var(--al-be) - (var(--al-inlay) + var(--al-border)) / 2)), calc(100% - (var(--al-be) - (var(--al-inlay) + var(--al-border)) / 2)) 100%, calc(var(--al-center-b) + var(--al-extend-b) + var(--al-border) / 2 + var(--al-inlay) / 2) 100%, calc(var(--al-center-b) + var(--al-extend-b) + var(--al-border) / 2 + var(--al-inlay) / 2 - var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-border) / 2 + var(--al-inlay) / 2) + var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-border) / 2 + var(--al-inlay) / 2)) 100%, calc(var(--al-bs) - (var(--al-inlay) + var(--al-border)) / 2) 100%, 0% calc(100% - (var(--al-bs) - (var(--al-inlay) + var(--al-border)) / 2)), 0% calc(var(--al-center-s) + var(--al-extend-s) + var(--al-border) / 2 + var(--al-inlay) / 2), var(--al-s) calc(var(--al-center-s) + var(--al-extend-s) + var(--al-border) / 2 + var(--al-inlay) / 2 - var(--al-s)), var(--al-s) calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-border) / 2 + var(--al-inlay) / 2) + var(--al-s)), 0% calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-border) / 2 + var(--al-inlay) / 2)));
  background: var(--al-inlay-bg);
  pointer-events: none;
}
.al-clip-both::after {
  content: "";
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  left: -0.5px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 18%, var(--al-border) 18%, var(--al-border) calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-border) / 2)), calc(var(--al-border) + var(--al-s)) calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-border) / 2 - var(--al-s))), calc(var(--al-border) + var(--al-s)) calc(var(--al-center-s) + var(--al-extend-s) + var(--al-border) / 2 - var(--al-s)), var(--al-border) calc(var(--al-center-s) + var(--al-extend-s) + var(--al-border) / 2), var(--al-border) calc(100% - (var(--al-bs) + var(--al-border) / 2)), calc(var(--al-bs) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-border) / 2)) calc(100% - var(--al-border)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-border) / 2 - var(--al-b))) calc(100% - (var(--al-border) + var(--al-b))), calc(var(--al-center-b) + var(--al-extend-b) + var(--al-border) / 2 - var(--al-b)) calc(100% - (var(--al-border) + var(--al-b))), calc(var(--al-center-b) + var(--al-extend-b) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(100% - (var(--al-be) + var(--al-border) / 2)) calc(100% - var(--al-border)), calc(100% - var(--al-border)) calc(100% - (var(--al-be) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-center-e) + var(--al-extend-e) + var(--al-border) / 2), calc(100% - (var(--al-border) + var(--al-e))) calc(var(--al-center-e) + var(--al-extend-e) + var(--al-border) / 2 - var(--al-e)), calc(100% - (var(--al-border) + var(--al-e))) calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-border) / 2 - var(--al-e))), calc(100% - var(--al-border)) calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-te) + var(--al-border) / 2), calc(100% - (var(--al-te) + var(--al-border) / 2)) var(--al-border), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-border) / 2) var(--al-border), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-border) / 2 - var(--al-t)) calc(var(--al-border) + var(--al-t)), calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-border) / 2 - var(--al-t))) calc(var(--al-border) + var(--al-t)), calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-border) / 2)) var(--al-border), calc(var(--al-ts) + var(--al-border) / 2) var(--al-border), var(--al-border) calc(var(--al-ts) + var(--al-border) / 2), var(--al-border) 18%, 0% 18%);
  background: var(--al-border-bg);
  pointer-events: none;
}
.al-clip-border {
  position: relative;
  --al-ts:0px;
  --al-te:0px;
  --al-be:0px;
  --al-bs:0px;
  --al-t:0px;
  --al-e:0px;
  --al-b:0px;
  --al-s:0px;
  --al-extend-t:0px;
  --al-extend-e:0px;
  --al-extend-b:0px;
  --al-extend-s:0px;
  --al-center-t:50%;
  --al-center-e:50%;
  --al-center-b:50%;
  --al-center-s:50%;
  --al-border:5px;
  --al-border-bg:currentColor;
  clip-path: polygon(0% var(--al-ts), var(--al-ts) 0%, calc(var(--al-center-t) - var(--al-extend-t)) 0%, calc(var(--al-center-t) - var(--al-extend-t) + var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) - var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t)) 0%, calc(100% - var(--al-te)) 0%, 100% var(--al-te), 100% calc(var(--al-center-e) - var(--al-extend-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) - var(--al-extend-e) + var(--al-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) + var(--al-extend-e) - var(--al-e)), 100% calc(var(--al-center-e) + var(--al-extend-e)), 100% calc(100% - var(--al-be)), calc(100% - var(--al-be)) 100%, calc(var(--al-center-b) + var(--al-extend-b)) 100%, calc(var(--al-center-b) + var(--al-extend-b) - var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b) + var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b)) 100%, var(--al-bs) 100%, 0 calc(100% - var(--al-bs)), 0% calc(var(--al-center-s) + var(--al-extend-s)), var(--al-s) calc(var(--al-center-s) + var(--al-extend-s) - var(--al-s)), var(--al-s) calc(var(--al-center-s) - var(--al-extend-s) + var(--al-s)), 0% calc(var(--al-center-s) - var(--al-extend-s)));
}
.al-clip-border::after {
  content: "";
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  left: -0.5px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 18%, var(--al-border) 18%, var(--al-border) calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-border) / 2)), calc(var(--al-border) + var(--al-s)) calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-border) / 2 - var(--al-s))), calc(var(--al-border) + var(--al-s)) calc(var(--al-center-s) + var(--al-extend-s) + var(--al-border) / 2 - var(--al-s)), var(--al-border) calc(var(--al-center-s) + var(--al-extend-s) + var(--al-border) / 2), var(--al-border) calc(100% - (var(--al-bs) + var(--al-border) / 2)), calc(var(--al-bs) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-border) / 2)) calc(100% - var(--al-border)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-border) / 2 - var(--al-b))) calc(100% - (var(--al-border) + var(--al-b))), calc(var(--al-center-b) + var(--al-extend-b) + var(--al-border) / 2 - var(--al-b)) calc(100% - (var(--al-border) + var(--al-b))), calc(var(--al-center-b) + var(--al-extend-b) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(100% - (var(--al-be) + var(--al-border) / 2)) calc(100% - var(--al-border)), calc(100% - var(--al-border)) calc(100% - (var(--al-be) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-center-e) + var(--al-extend-e) + var(--al-border) / 2), calc(100% - (var(--al-border) + var(--al-e))) calc(var(--al-center-e) + var(--al-extend-e) + var(--al-border) / 2 - var(--al-e)), calc(100% - (var(--al-border) + var(--al-e))) calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-border) / 2 - var(--al-e))), calc(100% - var(--al-border)) calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-te) + var(--al-border) / 2), calc(100% - (var(--al-te) + var(--al-border) / 2)) var(--al-border), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-border) / 2) var(--al-border), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-border) / 2 - var(--al-t)) calc(var(--al-border) + var(--al-t)), calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-border) / 2 - var(--al-t))) calc(var(--al-border) + var(--al-t)), calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-border) / 2)) var(--al-border), calc(var(--al-ts) + var(--al-border) / 2) var(--al-border), var(--al-border) calc(var(--al-ts) + var(--al-border) / 2), var(--al-border) 18%, 0% 18%);
  background-color: var(--al-border-bg);
  pointer-events: none;
}
.al-clip-inlay {
  position: relative;
  --al-ts:0px;
  --al-te:0px;
  --al-be:0px;
  --al-bs:0px;
  --al-t:0px;
  --al-e:0px;
  --al-b:0px;
  --al-s:0px;
  --al-extend-t:0px;
  --al-extend-e:0px;
  --al-extend-b:0px;
  --al-extend-s:0px;
  --al-center-t:50%;
  --al-center-e:50%;
  --al-center-b:50%;
  --al-center-s:50%;
  --al-inlay:8px;
  --al-inlay-bg:currentColor;
  clip-path: polygon(0% var(--al-ts), var(--al-ts) 0%, calc(var(--al-center-t) - var(--al-extend-t)) 0%, calc(var(--al-center-t) - var(--al-extend-t) + var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) - var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t)) 0%, calc(100% - var(--al-te)) 0%, 100% var(--al-te), 100% calc(var(--al-center-e) - var(--al-extend-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) - var(--al-extend-e) + var(--al-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) + var(--al-extend-e) - var(--al-e)), 100% calc(var(--al-center-e) + var(--al-extend-e)), 100% calc(100% - var(--al-be)), calc(100% - var(--al-be)) 100%, calc(var(--al-center-b) + var(--al-extend-b)) 100%, calc(var(--al-center-b) + var(--al-extend-b) - var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b) + var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b)) 100%, var(--al-bs) 100%, 0 calc(100% - var(--al-bs)), 0% calc(var(--al-center-s) + var(--al-extend-s)), var(--al-s) calc(var(--al-center-s) + var(--al-extend-s) - var(--al-s)), var(--al-s) calc(var(--al-center-s) - var(--al-extend-s) + var(--al-s)), 0% calc(var(--al-center-s) - var(--al-extend-s)));
}
.al-clip-inlay::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: var(--al-inlay);
  right: var(--al-inlay);
  bottom: var(--al-inlay);
  left: var(--al-inlay);
  clip-path: polygon(0% calc(var(--al-ts) - var(--al-inlay) / 2), calc(var(--al-ts) - var(--al-inlay) / 2) 0%, calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-inlay) / 2)) 0%, calc(var(--al-center-t) - (var(--al-extend-t) + var(--al-inlay) / 2) + var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-inlay) / 2 - var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) + var(--al-inlay) / 2) 0%, calc(100% - (var(--al-te) - var(--al-inlay) / 2)) 0%, 100% calc(var(--al-te) - var(--al-inlay) / 2), 100% calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-inlay) / 2)), calc(100% - var(--al-e)) calc(var(--al-center-e) - (var(--al-extend-e) + var(--al-inlay) / 2) + var(--al-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) + var(--al-extend-e) + var(--al-inlay) / 2 - var(--al-e)), 100% calc(var(--al-center-e) + var(--al-extend-e) + var(--al-inlay) / 2), 100% calc(100% - (var(--al-be) - var(--al-inlay) / 2)), calc(100% - (var(--al-be) - var(--al-inlay) / 2)) 100%, calc(var(--al-center-b) + var(--al-extend-b) + var(--al-inlay) / 2) 100%, calc(var(--al-center-b) + var(--al-extend-b) + var(--al-inlay) / 2 - var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-inlay) / 2) + var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - (var(--al-extend-b) + var(--al-inlay) / 2)) 100%, calc(var(--al-bs) - var(--al-inlay) / 2) 100%, 0% calc(100% - (var(--al-bs) - var(--al-inlay) / 2)), 0% calc(var(--al-center-s) + var(--al-extend-s) + var(--al-inlay) / 2), var(--al-s) calc(var(--al-center-s) + var(--al-extend-s) + var(--al-inlay) / 2 - var(--al-s)), var(--al-s) calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-inlay) / 2) + var(--al-s)), 0% calc(var(--al-center-s) - (var(--al-extend-s) + var(--al-inlay) / 2)));
  background: var(--al-inlay-bg);
  pointer-events: none;
}
.al-clip {
  position: relative;
  --al-ts:0px;
  --al-te:0px;
  --al-be:0px;
  --al-bs:0px;
  --al-t:0px;
  --al-e:0px;
  --al-b:0px;
  --al-s:0px;
  --al-extend-t:0px;
  --al-extend-e:0px;
  --al-extend-b:0px;
  --al-extend-s:0px;
  --al-center-t:50%;
  --al-center-e:50%;
  --al-center-b:50%;
  --al-center-s:50%;
  clip-path: polygon(0% var(--al-ts), var(--al-ts) 0%, calc(var(--al-center-t) - var(--al-extend-t)) 0%, calc(var(--al-center-t) - var(--al-extend-t) + var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t) - var(--al-t)) var(--al-t), calc(var(--al-center-t) + var(--al-extend-t)) 0%, calc(100% - var(--al-te)) 0%, 100% var(--al-te), 100% calc(var(--al-center-e) - var(--al-extend-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) - var(--al-extend-e) + var(--al-e)), calc(100% - var(--al-e)) calc(var(--al-center-e) + var(--al-extend-e) - var(--al-e)), 100% calc(var(--al-center-e) + var(--al-extend-e)), 100% calc(100% - var(--al-be)), calc(100% - var(--al-be)) 100%, calc(var(--al-center-b) + var(--al-extend-b)) 100%, calc(var(--al-center-b) + var(--al-extend-b) - var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b) + var(--al-b)) calc(100% - var(--al-b)), calc(var(--al-center-b) - var(--al-extend-b)) 100%, var(--al-bs) 100%, 0 calc(100% - var(--al-bs)), 0% calc(var(--al-center-s) + var(--al-extend-s)), var(--al-s) calc(var(--al-center-s) + var(--al-extend-s) - var(--al-s)), var(--al-s) calc(var(--al-center-s) - var(--al-extend-s) + var(--al-s)), 0% calc(var(--al-center-s) - var(--al-extend-s)));
}
.al-both {
  position: relative;
  --al-border:5px;
  --al-border-bg:currentColor;
  --al-inlay:8px;
  --al-inlay-bg:currentColor;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%);
}
.al-both::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: calc(var(--al-inlay) + var(--al-border));
  right: calc(var(--al-inlay) + var(--al-border));
  bottom: calc(var(--al-inlay) + var(--al-border));
  left: calc(var(--al-inlay) + var(--al-border));
  clip-path: polygon(0% calc(var(--al-ts) - (var(--al-inlay) + var(--al-border)) / 2), calc(var(--al-ts) - (var(--al-inlay) + var(--al-border)) / 2) 0%, calc(100% - (var(--al-te) - (var(--al-inlay) + var(--al-border)) / 2)) 0%, 100% calc(var(--al-te) - (var(--al-inlay) + var(--al-border)) / 2), 100% calc(100% - (var(--al-be) - (var(--al-inlay) + var(--al-border)) / 2)), calc(100% - (var(--al-be) - (var(--al-inlay) + var(--al-border)) / 2)) 100%, calc(var(--al-bs) - (var(--al-inlay) + var(--al-border)) / 2) 100%, 0% calc(100% - (var(--al-bs) - (var(--al-inlay) + var(--al-border)) / 2)));
  background: var(--al-inlay-bg);
  pointer-events: none;
}
.al-both::after {
  content: "";
  position: absolute;
  top: -0.5px;
  right: -0.5px;
  bottom: -0.5px;
  left: 0;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--al-border) calc(var(--al-ts) + var(--al-border) / 2), var(--al-border) calc(100% - (var(--al-bs) + var(--al-border) / 2)), calc(var(--al-bs) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(100% - (var(--al-be) + var(--al-border) / 2)) calc(100% - var(--al-border)), calc(100% - var(--al-border)) calc(100% - (var(--al-be) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-te) + var(--al-border) / 2), calc(100% - (var(--al-te) + var(--al-border) / 2)) var(--al-border), calc(var(--al-ts) + var(--al-border) / 2) var(--al-border), var(--al-border) calc(var(--al-ts) + var(--al-border) / 2));
  background: var(--al-border-bg);
  pointer-events: none;
}
.al-border {
  position: relative;
  --al-border:5px;
  --al-border-bg:currentColor;
}
.al-border::after {
  content: "";
  position: absolute;
  top: -0.25px;
  right: -0.25px;
  bottom: -0.25px;
  left: -0.25px;
  clip-path: polygon(0% 0%, 100% 0%, 100% 100%, 0% 100%, 0% 0%, var(--al-border) calc(var(--al-ts) + var(--al-border) / 2), var(--al-border) calc(100% - (var(--al-bs) + var(--al-border) / 2)), calc(var(--al-bs) + var(--al-border) / 2) calc(100% - var(--al-border)), calc(100% - (var(--al-be) + var(--al-border) / 2)) calc(100% - var(--al-border)), calc(100% - var(--al-border)) calc(100% - (var(--al-be) + var(--al-border) / 2)), calc(100% - var(--al-border)) calc(var(--al-te) + var(--al-border) / 2), calc(100% - (var(--al-te) + var(--al-border) / 2)) var(--al-border), calc(var(--al-ts) + var(--al-border) / 2) var(--al-border), var(--al-border) calc(var(--al-ts) + var(--al-border) / 2));
  background: var(--al-border-bg);
  pointer-events: none;
}
.al-inlay {
  position: relative;
  --al-inlay:8px;
  --al-inlay-bg:currentColor;
}
.al-inlay::before {
  content: "";
  position: absolute;
  z-index: -1;
  top: var(--al-inlay);
  right: var(--al-inlay);
  bottom: var(--al-inlay);
  left: var(--al-inlay);
  clip-path: polygon(0% calc(var(--al-ts) - var(--al-inlay) / 2), calc(var(--al-ts) - var(--al-inlay) / 2) 0%, calc(100% - (var(--al-te) - var(--al-inlay) / 2)) 0%, 100% calc(var(--al-te) - var(--al-inlay) / 2), 100% calc(100% - (var(--al-be) - var(--al-inlay) / 2)), calc(100% - (var(--al-be) - var(--al-inlay) / 2)) 100%, calc(var(--al-bs) - var(--al-inlay) / 2) 100%, 0% calc(100% - (var(--al-bs) - var(--al-inlay) / 2)));
  background: var(--al-inlay-bg);
  pointer-events: none;
}
.al-corner {
  position: relative;
  --al-ts:0px;
  --al-te:0px;
  --al-be:0px;
  --al-bs:0px;
  clip-path: polygon(var(--al-ts) 0%, calc(100% - var(--al-te)) 0%, 100% var(--al-te), 100% calc(100% - var(--al-be)), calc(100% - var(--al-be)) 100%, var(--al-bs) 100%, 0% calc(100% - var(--al-bs)), 0% var(--al-ts)) !important;
}
.al-all-clip {
  --al-extend-t:50px !important;
  --al-extend-e:50px !important;
  --al-extend-b:50px !important;
  --al-extend-s:50px !important;
  --al-t:16px !important;
  --al-e:16px !important;
  --al-b:16px !important;
  --al-s:16px !important;
}
.al-t-clip-x {
  --al-extend-t:50px !important;
  --al-t:16px !important;
}
.al-b-clip-x {
  --al-extend-b:50px !important;
  --al-b:16px !important;
}
.al-corner-all {
  --al-ts:16px !important;
  --al-te:16px !important;
  --al-be:16px !important;
  --al-bs:16px !important;
}
.al-corner-all-0 {
  --al-ts: 0px !important;
  --al-te: 0px !important;
  --al-be: 0px !important;
  --al-bs: 0px !important;
}
.al-all-0 {
  --al-t: 0px !important;
  --al-e: 0px !important;
  --al-b: 0px !important;
  --al-s: 0px !important;
}
.al-y-0 {
  --al-t: 0px !important;
  --al-b: 0px !important;
}
.al-x-0 {
  --al-e: 0px !important;
  --al-s: 0px !important;
}
.al-border-0 {
  --al-border: 0px !important;
}
.al-inlay-0 {
  --al-inlay: 0px !important;
}
.al-corner-all-1 {
  --al-ts: 1px !important;
  --al-te: 1px !important;
  --al-be: 1px !important;
  --al-bs: 1px !important;
}
.al-all-1 {
  --al-t: 1px !important;
  --al-e: 1px !important;
  --al-b: 1px !important;
  --al-s: 1px !important;
}
.al-y-1 {
  --al-t: 1px !important;
  --al-b: 1px !important;
}
.al-x-1 {
  --al-e: 1px !important;
  --al-s: 1px !important;
}
.al-border-1 {
  --al-border: 1px !important;
}
.al-inlay-1 {
  --al-inlay: 1px !important;
}
.al-corner-all-2 {
  --al-ts: 2px !important;
  --al-te: 2px !important;
  --al-be: 2px !important;
  --al-bs: 2px !important;
}
.al-all-2 {
  --al-t: 2px !important;
  --al-e: 2px !important;
  --al-b: 2px !important;
  --al-s: 2px !important;
}
.al-y-2 {
  --al-t: 2px !important;
  --al-b: 2px !important;
}
.al-x-2 {
  --al-e: 2px !important;
  --al-s: 2px !important;
}
.al-border-2 {
  --al-border: 2px !important;
}
.al-inlay-2 {
  --al-inlay: 2px !important;
}
.al-corner-all-3 {
  --al-ts: 3px !important;
  --al-te: 3px !important;
  --al-be: 3px !important;
  --al-bs: 3px !important;
}
.al-all-3 {
  --al-t: 3px !important;
  --al-e: 3px !important;
  --al-b: 3px !important;
  --al-s: 3px !important;
}
.al-y-3 {
  --al-t: 3px !important;
  --al-b: 3px !important;
}
.al-x-3 {
  --al-e: 3px !important;
  --al-s: 3px !important;
}
.al-border-3 {
  --al-border: 3px !important;
}
.al-inlay-3 {
  --al-inlay: 3px !important;
}
.al-corner-all-4 {
  --al-ts: 4px !important;
  --al-te: 4px !important;
  --al-be: 4px !important;
  --al-bs: 4px !important;
}
.al-all-4 {
  --al-t: 4px !important;
  --al-e: 4px !important;
  --al-b: 4px !important;
  --al-s: 4px !important;
}
.al-y-4 {
  --al-t: 4px !important;
  --al-b: 4px !important;
}
.al-x-4 {
  --al-e: 4px !important;
  --al-s: 4px !important;
}
.al-border-4 {
  --al-border: 4px !important;
}
.al-inlay-4 {
  --al-inlay: 4px !important;
}
.al-corner-all-5 {
  --al-ts: 5px !important;
  --al-te: 5px !important;
  --al-be: 5px !important;
  --al-bs: 5px !important;
}
.al-all-5 {
  --al-t: 5px !important;
  --al-e: 5px !important;
  --al-b: 5px !important;
  --al-s: 5px !important;
}
.al-y-5 {
  --al-t: 5px !important;
  --al-b: 5px !important;
}
.al-x-5 {
  --al-e: 5px !important;
  --al-s: 5px !important;
}
.al-border-5 {
  --al-border: 5px !important;
}
.al-inlay-5 {
  --al-inlay: 5px !important;
}
.al-corner-all-6 {
  --al-ts: 6px !important;
  --al-te: 6px !important;
  --al-be: 6px !important;
  --al-bs: 6px !important;
}
.al-all-6 {
  --al-t: 6px !important;
  --al-e: 6px !important;
  --al-b: 6px !important;
  --al-s: 6px !important;
}
.al-y-6 {
  --al-t: 6px !important;
  --al-b: 6px !important;
}
.al-x-6 {
  --al-e: 6px !important;
  --al-s: 6px !important;
}
.al-border-6 {
  --al-border: 6px !important;
}
.al-inlay-6 {
  --al-inlay: 6px !important;
}
.al-corner-all-7 {
  --al-ts: 7px !important;
  --al-te: 7px !important;
  --al-be: 7px !important;
  --al-bs: 7px !important;
}
.al-all-7 {
  --al-t: 7px !important;
  --al-e: 7px !important;
  --al-b: 7px !important;
  --al-s: 7px !important;
}
.al-y-7 {
  --al-t: 7px !important;
  --al-b: 7px !important;
}
.al-x-7 {
  --al-e: 7px !important;
  --al-s: 7px !important;
}
.al-border-7 {
  --al-border: 7px !important;
}
.al-inlay-7 {
  --al-inlay: 7px !important;
}
.al-corner-all-8 {
  --al-ts: 8px !important;
  --al-te: 8px !important;
  --al-be: 8px !important;
  --al-bs: 8px !important;
}
.al-all-8 {
  --al-t: 8px !important;
  --al-e: 8px !important;
  --al-b: 8px !important;
  --al-s: 8px !important;
}
.al-y-8 {
  --al-t: 8px !important;
  --al-b: 8px !important;
}
.al-x-8 {
  --al-e: 8px !important;
  --al-s: 8px !important;
}
.al-border-8 {
  --al-border: 8px !important;
}
.al-inlay-8 {
  --al-inlay: 8px !important;
}
.al-corner-all-9 {
  --al-ts: 9px !important;
  --al-te: 9px !important;
  --al-be: 9px !important;
  --al-bs: 9px !important;
}
.al-all-9 {
  --al-t: 9px !important;
  --al-e: 9px !important;
  --al-b: 9px !important;
  --al-s: 9px !important;
}
.al-y-9 {
  --al-t: 9px !important;
  --al-b: 9px !important;
}
.al-x-9 {
  --al-e: 9px !important;
  --al-s: 9px !important;
}
.al-border-9 {
  --al-border: 9px !important;
}
.al-inlay-9 {
  --al-inlay: 9px !important;
}
.al-corner-all-10 {
  --al-ts: 10px !important;
  --al-te: 10px !important;
  --al-be: 10px !important;
  --al-bs: 10px !important;
}
.al-all-10 {
  --al-t: 10px !important;
  --al-e: 10px !important;
  --al-b: 10px !important;
  --al-s: 10px !important;
}
.al-y-10 {
  --al-t: 10px !important;
  --al-b: 10px !important;
}
.al-x-10 {
  --al-e: 10px !important;
  --al-s: 10px !important;
}
.al-border-10 {
  --al-border: 10px !important;
}
.al-inlay-10 {
  --al-inlay: 10px !important;
}
.al-corner-all-11 {
  --al-ts: 11px !important;
  --al-te: 11px !important;
  --al-be: 11px !important;
  --al-bs: 11px !important;
}
.al-all-11 {
  --al-t: 11px !important;
  --al-e: 11px !important;
  --al-b: 11px !important;
  --al-s: 11px !important;
}
.al-y-11 {
  --al-t: 11px !important;
  --al-b: 11px !important;
}
.al-x-11 {
  --al-e: 11px !important;
  --al-s: 11px !important;
}
.al-border-11 {
  --al-border: 11px !important;
}
.al-inlay-11 {
  --al-inlay: 11px !important;
}
.al-corner-all-12 {
  --al-ts: 12px !important;
  --al-te: 12px !important;
  --al-be: 12px !important;
  --al-bs: 12px !important;
}
.al-all-12 {
  --al-t: 12px !important;
  --al-e: 12px !important;
  --al-b: 12px !important;
  --al-s: 12px !important;
}
.al-y-12 {
  --al-t: 12px !important;
  --al-b: 12px !important;
}
.al-x-12 {
  --al-e: 12px !important;
  --al-s: 12px !important;
}
.al-border-12 {
  --al-border: 12px !important;
}
.al-inlay-12 {
  --al-inlay: 12px !important;
}
.al-corner-all-13 {
  --al-ts: 13px !important;
  --al-te: 13px !important;
  --al-be: 13px !important;
  --al-bs: 13px !important;
}
.al-all-13 {
  --al-t: 13px !important;
  --al-e: 13px !important;
  --al-b: 13px !important;
  --al-s: 13px !important;
}
.al-y-13 {
  --al-t: 13px !important;
  --al-b: 13px !important;
}
.al-x-13 {
  --al-e: 13px !important;
  --al-s: 13px !important;
}
.al-border-13 {
  --al-border: 13px !important;
}
.al-inlay-13 {
  --al-inlay: 13px !important;
}
.al-corner-all-14 {
  --al-ts: 14px !important;
  --al-te: 14px !important;
  --al-be: 14px !important;
  --al-bs: 14px !important;
}
.al-all-14 {
  --al-t: 14px !important;
  --al-e: 14px !important;
  --al-b: 14px !important;
  --al-s: 14px !important;
}
.al-y-14 {
  --al-t: 14px !important;
  --al-b: 14px !important;
}
.al-x-14 {
  --al-e: 14px !important;
  --al-s: 14px !important;
}
.al-border-14 {
  --al-border: 14px !important;
}
.al-inlay-14 {
  --al-inlay: 14px !important;
}
.al-corner-all-16 {
  --al-ts: 16px !important;
  --al-te: 16px !important;
  --al-be: 16px !important;
  --al-bs: 16px !important;
}
.al-all-16 {
  --al-t: 16px !important;
  --al-e: 16px !important;
  --al-b: 16px !important;
  --al-s: 16px !important;
}
.al-y-16 {
  --al-t: 16px !important;
  --al-b: 16px !important;
}
.al-x-16 {
  --al-e: 16px !important;
  --al-s: 16px !important;
}
.al-border-16 {
  --al-border: 16px !important;
}
.al-inlay-16 {
  --al-inlay: 16px !important;
}
.al-corner-all-20 {
  --al-ts: 20px !important;
  --al-te: 20px !important;
  --al-be: 20px !important;
  --al-bs: 20px !important;
}
.al-all-20 {
  --al-t: 20px !important;
  --al-e: 20px !important;
  --al-b: 20px !important;
  --al-s: 20px !important;
}
.al-y-20 {
  --al-t: 20px !important;
  --al-b: 20px !important;
}
.al-x-20 {
  --al-e: 20px !important;
  --al-s: 20px !important;
}
.al-border-20 {
  --al-border: 20px !important;
}
.al-inlay-20 {
  --al-inlay: 20px !important;
}
.al-corner-all-24 {
  --al-ts: 24px !important;
  --al-te: 24px !important;
  --al-be: 24px !important;
  --al-bs: 24px !important;
}
.al-all-24 {
  --al-t: 24px !important;
  --al-e: 24px !important;
  --al-b: 24px !important;
  --al-s: 24px !important;
}
.al-y-24 {
  --al-t: 24px !important;
  --al-b: 24px !important;
}
.al-x-24 {
  --al-e: 24px !important;
  --al-s: 24px !important;
}
.al-border-24 {
  --al-border: 24px !important;
}
.al-inlay-24 {
  --al-inlay: 24px !important;
}
.al-corner-all-25 {
  --al-ts: 25px !important;
  --al-te: 25px !important;
  --al-be: 25px !important;
  --al-bs: 25px !important;
}
.al-all-25 {
  --al-t: 25px !important;
  --al-e: 25px !important;
  --al-b: 25px !important;
  --al-s: 25px !important;
}
.al-y-25 {
  --al-t: 25px !important;
  --al-b: 25px !important;
}
.al-x-25 {
  --al-e: 25px !important;
  --al-s: 25px !important;
}
.al-border-25 {
  --al-border: 25px !important;
}
.al-inlay-25 {
  --al-inlay: 25px !important;
}
.al-corner-all-26 {
  --al-ts: 26px !important;
  --al-te: 26px !important;
  --al-be: 26px !important;
  --al-bs: 26px !important;
}
.al-all-26 {
  --al-t: 26px !important;
  --al-e: 26px !important;
  --al-b: 26px !important;
  --al-s: 26px !important;
}
.al-y-26 {
  --al-t: 26px !important;
  --al-b: 26px !important;
}
.al-x-26 {
  --al-e: 26px !important;
  --al-s: 26px !important;
}
.al-border-26 {
  --al-border: 26px !important;
}
.al-inlay-26 {
  --al-inlay: 26px !important;
}
.al-corner-all-28 {
  --al-ts: 28px !important;
  --al-te: 28px !important;
  --al-be: 28px !important;
  --al-bs: 28px !important;
}
.al-all-28 {
  --al-t: 28px !important;
  --al-e: 28px !important;
  --al-b: 28px !important;
  --al-s: 28px !important;
}
.al-y-28 {
  --al-t: 28px !important;
  --al-b: 28px !important;
}
.al-x-28 {
  --al-e: 28px !important;
  --al-s: 28px !important;
}
.al-border-28 {
  --al-border: 28px !important;
}
.al-inlay-28 {
  --al-inlay: 28px !important;
}
.al-corner-all-30 {
  --al-ts: 30px !important;
  --al-te: 30px !important;
  --al-be: 30px !important;
  --al-bs: 30px !important;
}
.al-all-30 {
  --al-t: 30px !important;
  --al-e: 30px !important;
  --al-b: 30px !important;
  --al-s: 30px !important;
}
.al-y-30 {
  --al-t: 30px !important;
  --al-b: 30px !important;
}
.al-x-30 {
  --al-e: 30px !important;
  --al-s: 30px !important;
}
.al-border-30 {
  --al-border: 30px !important;
}
.al-inlay-30 {
  --al-inlay: 30px !important;
}
.al-corner-all-32 {
  --al-ts: 32px !important;
  --al-te: 32px !important;
  --al-be: 32px !important;
  --al-bs: 32px !important;
}
.al-all-32 {
  --al-t: 32px !important;
  --al-e: 32px !important;
  --al-b: 32px !important;
  --al-s: 32px !important;
}
.al-y-32 {
  --al-t: 32px !important;
  --al-b: 32px !important;
}
.al-x-32 {
  --al-e: 32px !important;
  --al-s: 32px !important;
}
.al-border-32 {
  --al-border: 32px !important;
}
.al-inlay-32 {
  --al-inlay: 32px !important;
}
.al-corner-all-34 {
  --al-ts: 34px !important;
  --al-te: 34px !important;
  --al-be: 34px !important;
  --al-bs: 34px !important;
}
.al-all-34 {
  --al-t: 34px !important;
  --al-e: 34px !important;
  --al-b: 34px !important;
  --al-s: 34px !important;
}
.al-y-34 {
  --al-t: 34px !important;
  --al-b: 34px !important;
}
.al-x-34 {
  --al-e: 34px !important;
  --al-s: 34px !important;
}
.al-border-34 {
  --al-border: 34px !important;
}
.al-inlay-34 {
  --al-inlay: 34px !important;
}
.al-corner-all-48 {
  --al-ts: 48px !important;
  --al-te: 48px !important;
  --al-be: 48px !important;
  --al-bs: 48px !important;
}
.al-all-48 {
  --al-t: 48px !important;
  --al-e: 48px !important;
  --al-b: 48px !important;
  --al-s: 48px !important;
}
.al-y-48 {
  --al-t: 48px !important;
  --al-b: 48px !important;
}
.al-x-48 {
  --al-e: 48px !important;
  --al-s: 48px !important;
}
.al-border-48 {
  --al-border: 48px !important;
}
.al-inlay-48 {
  --al-inlay: 48px !important;
}
.al-corner-all-50 {
  --al-ts: 50px !important;
  --al-te: 50px !important;
  --al-be: 50px !important;
  --al-bs: 50px !important;
}
.al-all-50 {
  --al-t: 50px !important;
  --al-e: 50px !important;
  --al-b: 50px !important;
  --al-s: 50px !important;
}
.al-y-50 {
  --al-t: 50px !important;
  --al-b: 50px !important;
}
.al-x-50 {
  --al-e: 50px !important;
  --al-s: 50px !important;
}
.al-border-50 {
  --al-border: 50px !important;
}
.al-inlay-50 {
  --al-inlay: 50px !important;
}
.al-corner-all-64 {
  --al-ts: 64px !important;
  --al-te: 64px !important;
  --al-be: 64px !important;
  --al-bs: 64px !important;
}
.al-all-64 {
  --al-t: 64px !important;
  --al-e: 64px !important;
  --al-b: 64px !important;
  --al-s: 64px !important;
}
.al-y-64 {
  --al-t: 64px !important;
  --al-b: 64px !important;
}
.al-x-64 {
  --al-e: 64px !important;
  --al-s: 64px !important;
}
.al-border-64 {
  --al-border: 64px !important;
}
.al-inlay-64 {
  --al-inlay: 64px !important;
}
.al-corner-all-75 {
  --al-ts: 75px !important;
  --al-te: 75px !important;
  --al-be: 75px !important;
  --al-bs: 75px !important;
}
.al-all-75 {
  --al-t: 75px !important;
  --al-e: 75px !important;
  --al-b: 75px !important;
  --al-s: 75px !important;
}
.al-y-75 {
  --al-t: 75px !important;
  --al-b: 75px !important;
}
.al-x-75 {
  --al-e: 75px !important;
  --al-s: 75px !important;
}
.al-border-75 {
  --al-border: 75px !important;
}
.al-inlay-75 {
  --al-inlay: 75px !important;
}
.al-corner-all-80 {
  --al-ts: 80px !important;
  --al-te: 80px !important;
  --al-be: 80px !important;
  --al-bs: 80px !important;
}
.al-all-80 {
  --al-t: 80px !important;
  --al-e: 80px !important;
  --al-b: 80px !important;
  --al-s: 80px !important;
}
.al-y-80 {
  --al-t: 80px !important;
  --al-b: 80px !important;
}
.al-x-80 {
  --al-e: 80px !important;
  --al-s: 80px !important;
}
.al-border-80 {
  --al-border: 80px !important;
}
.al-inlay-80 {
  --al-inlay: 80px !important;
}
.al-corner-all-96 {
  --al-ts: 96px !important;
  --al-te: 96px !important;
  --al-be: 96px !important;
  --al-bs: 96px !important;
}
.al-all-96 {
  --al-t: 96px !important;
  --al-e: 96px !important;
  --al-b: 96px !important;
  --al-s: 96px !important;
}
.al-y-96 {
  --al-t: 96px !important;
  --al-b: 96px !important;
}
.al-x-96 {
  --al-e: 96px !important;
  --al-s: 96px !important;
}
.al-border-96 {
  --al-border: 96px !important;
}
.al-inlay-96 {
  --al-inlay: 96px !important;
}
.al-corner-all-112 {
  --al-ts: 112px !important;
  --al-te: 112px !important;
  --al-be: 112px !important;
  --al-bs: 112px !important;
}
.al-all-112 {
  --al-t: 112px !important;
  --al-e: 112px !important;
  --al-b: 112px !important;
  --al-s: 112px !important;
}
.al-y-112 {
  --al-t: 112px !important;
  --al-b: 112px !important;
}
.al-x-112 {
  --al-e: 112px !important;
  --al-s: 112px !important;
}
.al-border-112 {
  --al-border: 112px !important;
}
.al-inlay-112 {
  --al-inlay: 112px !important;
}
.al-extend-all-0 {
  --al-extend-t: 0px !important;
  --al-extend-e: 0px !important;
  --al-extend-b: 0px !important;
  --al-extend-s: 0px !important;
}
.al-extend-y-0 {
  --al-extend-t: 0px !important;
  --al-extend-b: 0px !important;
}
.al-extend-x-0 {
  --al-extend-e: 0px !important;
  --al-extend-s: 0px !important;
}
.al-extend-t-0 {
  --al-extend-t: 0px !important;
}
.al-extend-b-0 {
  --al-extend-b: 0px !important;
}
.al-t-0 {
  --al-t: 0px !important;
}
.al-b-0 {
  --al-b: 0px !important;
}
.al-extend-all-1 {
  --al-extend-t: 1px !important;
  --al-extend-e: 1px !important;
  --al-extend-b: 1px !important;
  --al-extend-s: 1px !important;
}
.al-extend-y-1 {
  --al-extend-t: 1px !important;
  --al-extend-b: 1px !important;
}
.al-extend-x-1 {
  --al-extend-e: 1px !important;
  --al-extend-s: 1px !important;
}
.al-extend-t-1 {
  --al-extend-t: 1px !important;
}
.al-extend-b-1 {
  --al-extend-b: 1px !important;
}
.al-t-1 {
  --al-t: 1px !important;
}
.al-b-1 {
  --al-b: 1px !important;
}
.al-extend-all-2 {
  --al-extend-t: 2px !important;
  --al-extend-e: 2px !important;
  --al-extend-b: 2px !important;
  --al-extend-s: 2px !important;
}
.al-extend-y-2 {
  --al-extend-t: 2px !important;
  --al-extend-b: 2px !important;
}
.al-extend-x-2 {
  --al-extend-e: 2px !important;
  --al-extend-s: 2px !important;
}
.al-extend-t-2 {
  --al-extend-t: 2px !important;
}
.al-extend-b-2 {
  --al-extend-b: 2px !important;
}
.al-t-2 {
  --al-t: 2px !important;
}
.al-b-2 {
  --al-b: 2px !important;
}
.al-extend-all-3 {
  --al-extend-t: 3px !important;
  --al-extend-e: 3px !important;
  --al-extend-b: 3px !important;
  --al-extend-s: 3px !important;
}
.al-extend-y-3 {
  --al-extend-t: 3px !important;
  --al-extend-b: 3px !important;
}
.al-extend-x-3 {
  --al-extend-e: 3px !important;
  --al-extend-s: 3px !important;
}
.al-extend-t-3 {
  --al-extend-t: 3px !important;
}
.al-extend-b-3 {
  --al-extend-b: 3px !important;
}
.al-t-3 {
  --al-t: 3px !important;
}
.al-b-3 {
  --al-b: 3px !important;
}
.al-extend-all-4 {
  --al-extend-t: 4px !important;
  --al-extend-e: 4px !important;
  --al-extend-b: 4px !important;
  --al-extend-s: 4px !important;
}
.al-extend-y-4 {
  --al-extend-t: 4px !important;
  --al-extend-b: 4px !important;
}
.al-extend-x-4 {
  --al-extend-e: 4px !important;
  --al-extend-s: 4px !important;
}
.al-extend-t-4 {
  --al-extend-t: 4px !important;
}
.al-extend-b-4 {
  --al-extend-b: 4px !important;
}
.al-t-4 {
  --al-t: 4px !important;
}
.al-b-4 {
  --al-b: 4px !important;
}
.al-extend-all-5 {
  --al-extend-t: 5px !important;
  --al-extend-e: 5px !important;
  --al-extend-b: 5px !important;
  --al-extend-s: 5px !important;
}
.al-extend-y-5 {
  --al-extend-t: 5px !important;
  --al-extend-b: 5px !important;
}
.al-extend-x-5 {
  --al-extend-e: 5px !important;
  --al-extend-s: 5px !important;
}
.al-extend-t-5 {
  --al-extend-t: 5px !important;
}
.al-extend-b-5 {
  --al-extend-b: 5px !important;
}
.al-t-5 {
  --al-t: 5px !important;
}
.al-b-5 {
  --al-b: 5px !important;
}
.al-extend-all-6 {
  --al-extend-t: 6px !important;
  --al-extend-e: 6px !important;
  --al-extend-b: 6px !important;
  --al-extend-s: 6px !important;
}
.al-extend-y-6 {
  --al-extend-t: 6px !important;
  --al-extend-b: 6px !important;
}
.al-extend-x-6 {
  --al-extend-e: 6px !important;
  --al-extend-s: 6px !important;
}
.al-extend-t-6 {
  --al-extend-t: 6px !important;
}
.al-extend-b-6 {
  --al-extend-b: 6px !important;
}
.al-t-6 {
  --al-t: 6px !important;
}
.al-b-6 {
  --al-b: 6px !important;
}
.al-extend-all-7 {
  --al-extend-t: 7px !important;
  --al-extend-e: 7px !important;
  --al-extend-b: 7px !important;
  --al-extend-s: 7px !important;
}
.al-extend-y-7 {
  --al-extend-t: 7px !important;
  --al-extend-b: 7px !important;
}
.al-extend-x-7 {
  --al-extend-e: 7px !important;
  --al-extend-s: 7px !important;
}
.al-extend-t-7 {
  --al-extend-t: 7px !important;
}
.al-extend-b-7 {
  --al-extend-b: 7px !important;
}
.al-t-7 {
  --al-t: 7px !important;
}
.al-b-7 {
  --al-b: 7px !important;
}
.al-extend-all-8 {
  --al-extend-t: 8px !important;
  --al-extend-e: 8px !important;
  --al-extend-b: 8px !important;
  --al-extend-s: 8px !important;
}
.al-extend-y-8 {
  --al-extend-t: 8px !important;
  --al-extend-b: 8px !important;
}
.al-extend-x-8 {
  --al-extend-e: 8px !important;
  --al-extend-s: 8px !important;
}
.al-extend-t-8 {
  --al-extend-t: 8px !important;
}
.al-extend-b-8 {
  --al-extend-b: 8px !important;
}
.al-t-8 {
  --al-t: 8px !important;
}
.al-b-8 {
  --al-b: 8px !important;
}
.al-extend-all-9 {
  --al-extend-t: 9px !important;
  --al-extend-e: 9px !important;
  --al-extend-b: 9px !important;
  --al-extend-s: 9px !important;
}
.al-extend-y-9 {
  --al-extend-t: 9px !important;
  --al-extend-b: 9px !important;
}
.al-extend-x-9 {
  --al-extend-e: 9px !important;
  --al-extend-s: 9px !important;
}
.al-extend-t-9 {
  --al-extend-t: 9px !important;
}
.al-extend-b-9 {
  --al-extend-b: 9px !important;
}
.al-t-9 {
  --al-t: 9px !important;
}
.al-b-9 {
  --al-b: 9px !important;
}
.al-extend-all-10 {
  --al-extend-t: 10px !important;
  --al-extend-e: 10px !important;
  --al-extend-b: 10px !important;
  --al-extend-s: 10px !important;
}
.al-extend-y-10 {
  --al-extend-t: 10px !important;
  --al-extend-b: 10px !important;
}
.al-extend-x-10 {
  --al-extend-e: 10px !important;
  --al-extend-s: 10px !important;
}
.al-extend-t-10 {
  --al-extend-t: 10px !important;
}
.al-extend-b-10 {
  --al-extend-b: 10px !important;
}
.al-t-10 {
  --al-t: 10px !important;
}
.al-b-10 {
  --al-b: 10px !important;
}
.al-extend-all-15 {
  --al-extend-t: 15px !important;
  --al-extend-e: 15px !important;
  --al-extend-b: 15px !important;
  --al-extend-s: 15px !important;
}
.al-extend-y-15 {
  --al-extend-t: 15px !important;
  --al-extend-b: 15px !important;
}
.al-extend-x-15 {
  --al-extend-e: 15px !important;
  --al-extend-s: 15px !important;
}
.al-extend-t-15 {
  --al-extend-t: 15px !important;
}
.al-extend-b-15 {
  --al-extend-b: 15px !important;
}
.al-t-15 {
  --al-t: 15px !important;
}
.al-b-15 {
  --al-b: 15px !important;
}
.al-extend-all-16 {
  --al-extend-t: 16px !important;
  --al-extend-e: 16px !important;
  --al-extend-b: 16px !important;
  --al-extend-s: 16px !important;
}
.al-extend-y-16 {
  --al-extend-t: 16px !important;
  --al-extend-b: 16px !important;
}
.al-extend-x-16 {
  --al-extend-e: 16px !important;
  --al-extend-s: 16px !important;
}
.al-extend-t-16 {
  --al-extend-t: 16px !important;
}
.al-extend-b-16 {
  --al-extend-b: 16px !important;
}
.al-t-16 {
  --al-t: 16px !important;
}
.al-b-16 {
  --al-b: 16px !important;
}
.al-extend-all-20 {
  --al-extend-t: 20px !important;
  --al-extend-e: 20px !important;
  --al-extend-b: 20px !important;
  --al-extend-s: 20px !important;
}
.al-extend-y-20 {
  --al-extend-t: 20px !important;
  --al-extend-b: 20px !important;
}
.al-extend-x-20 {
  --al-extend-e: 20px !important;
  --al-extend-s: 20px !important;
}
.al-extend-t-20 {
  --al-extend-t: 20px !important;
}
.al-extend-b-20 {
  --al-extend-b: 20px !important;
}
.al-t-20 {
  --al-t: 20px !important;
}
.al-b-20 {
  --al-b: 20px !important;
}
.al-extend-all-25 {
  --al-extend-t: 25px !important;
  --al-extend-e: 25px !important;
  --al-extend-b: 25px !important;
  --al-extend-s: 25px !important;
}
.al-extend-y-25 {
  --al-extend-t: 25px !important;
  --al-extend-b: 25px !important;
}
.al-extend-x-25 {
  --al-extend-e: 25px !important;
  --al-extend-s: 25px !important;
}
.al-extend-t-25 {
  --al-extend-t: 25px !important;
}
.al-extend-b-25 {
  --al-extend-b: 25px !important;
}
.al-t-25 {
  --al-t: 25px !important;
}
.al-b-25 {
  --al-b: 25px !important;
}
.al-extend-all-30 {
  --al-extend-t: 30px !important;
  --al-extend-e: 30px !important;
  --al-extend-b: 30px !important;
  --al-extend-s: 30px !important;
}
.al-extend-y-30 {
  --al-extend-t: 30px !important;
  --al-extend-b: 30px !important;
}
.al-extend-x-30 {
  --al-extend-e: 30px !important;
  --al-extend-s: 30px !important;
}
.al-extend-t-30 {
  --al-extend-t: 30px !important;
}
.al-extend-b-30 {
  --al-extend-b: 30px !important;
}
.al-t-30 {
  --al-t: 30px !important;
}
.al-b-30 {
  --al-b: 30px !important;
}
.al-extend-all-35 {
  --al-extend-t: 35px !important;
  --al-extend-e: 35px !important;
  --al-extend-b: 35px !important;
  --al-extend-s: 35px !important;
}
.al-extend-y-35 {
  --al-extend-t: 35px !important;
  --al-extend-b: 35px !important;
}
.al-extend-x-35 {
  --al-extend-e: 35px !important;
  --al-extend-s: 35px !important;
}
.al-extend-t-35 {
  --al-extend-t: 35px !important;
}
.al-extend-b-35 {
  --al-extend-b: 35px !important;
}
.al-t-35 {
  --al-t: 35px !important;
}
.al-b-35 {
  --al-b: 35px !important;
}
.al-extend-all-40 {
  --al-extend-t: 40px !important;
  --al-extend-e: 40px !important;
  --al-extend-b: 40px !important;
  --al-extend-s: 40px !important;
}
.al-extend-y-40 {
  --al-extend-t: 40px !important;
  --al-extend-b: 40px !important;
}
.al-extend-x-40 {
  --al-extend-e: 40px !important;
  --al-extend-s: 40px !important;
}
.al-extend-t-40 {
  --al-extend-t: 40px !important;
}
.al-extend-b-40 {
  --al-extend-b: 40px !important;
}
.al-t-40 {
  --al-t: 40px !important;
}
.al-b-40 {
  --al-b: 40px !important;
}
.al-extend-all-45 {
  --al-extend-t: 45px !important;
  --al-extend-e: 45px !important;
  --al-extend-b: 45px !important;
  --al-extend-s: 45px !important;
}
.al-extend-y-45 {
  --al-extend-t: 45px !important;
  --al-extend-b: 45px !important;
}
.al-extend-x-45 {
  --al-extend-e: 45px !important;
  --al-extend-s: 45px !important;
}
.al-extend-t-45 {
  --al-extend-t: 45px !important;
}
.al-extend-b-45 {
  --al-extend-b: 45px !important;
}
.al-t-45 {
  --al-t: 45px !important;
}
.al-b-45 {
  --al-b: 45px !important;
}
.al-extend-all-50 {
  --al-extend-t: 50px !important;
  --al-extend-e: 50px !important;
  --al-extend-b: 50px !important;
  --al-extend-s: 50px !important;
}
.al-extend-y-50 {
  --al-extend-t: 50px !important;
  --al-extend-b: 50px !important;
}
.al-extend-x-50 {
  --al-extend-e: 50px !important;
  --al-extend-s: 50px !important;
}
.al-extend-t-50 {
  --al-extend-t: 50px !important;
}
.al-extend-b-50 {
  --al-extend-b: 50px !important;
}
.al-t-50 {
  --al-t: 50px !important;
}
.al-b-50 {
  --al-b: 50px !important;
}
.al-extend-all-55 {
  --al-extend-t: 55px !important;
  --al-extend-e: 55px !important;
  --al-extend-b: 55px !important;
  --al-extend-s: 55px !important;
}
.al-extend-y-55 {
  --al-extend-t: 55px !important;
  --al-extend-b: 55px !important;
}
.al-extend-x-55 {
  --al-extend-e: 55px !important;
  --al-extend-s: 55px !important;
}
.al-extend-t-55 {
  --al-extend-t: 55px !important;
}
.al-extend-b-55 {
  --al-extend-b: 55px !important;
}
.al-t-55 {
  --al-t: 55px !important;
}
.al-b-55 {
  --al-b: 55px !important;
}
.al-extend-all-60 {
  --al-extend-t: 60px !important;
  --al-extend-e: 60px !important;
  --al-extend-b: 60px !important;
  --al-extend-s: 60px !important;
}
.al-extend-y-60 {
  --al-extend-t: 60px !important;
  --al-extend-b: 60px !important;
}
.al-extend-x-60 {
  --al-extend-e: 60px !important;
  --al-extend-s: 60px !important;
}
.al-extend-t-60 {
  --al-extend-t: 60px !important;
}
.al-extend-b-60 {
  --al-extend-b: 60px !important;
}
.al-t-60 {
  --al-t: 60px !important;
}
.al-b-60 {
  --al-b: 60px !important;
}
.al-extend-all-65 {
  --al-extend-t: 65px !important;
  --al-extend-e: 65px !important;
  --al-extend-b: 65px !important;
  --al-extend-s: 65px !important;
}
.al-extend-y-65 {
  --al-extend-t: 65px !important;
  --al-extend-b: 65px !important;
}
.al-extend-x-65 {
  --al-extend-e: 65px !important;
  --al-extend-s: 65px !important;
}
.al-extend-t-65 {
  --al-extend-t: 65px !important;
}
.al-extend-b-65 {
  --al-extend-b: 65px !important;
}
.al-t-65 {
  --al-t: 65px !important;
}
.al-b-65 {
  --al-b: 65px !important;
}
.al-extend-all-70 {
  --al-extend-t: 70px !important;
  --al-extend-e: 70px !important;
  --al-extend-b: 70px !important;
  --al-extend-s: 70px !important;
}
.al-extend-y-70 {
  --al-extend-t: 70px !important;
  --al-extend-b: 70px !important;
}
.al-extend-x-70 {
  --al-extend-e: 70px !important;
  --al-extend-s: 70px !important;
}
.al-extend-t-70 {
  --al-extend-t: 70px !important;
}
.al-extend-b-70 {
  --al-extend-b: 70px !important;
}
.al-t-70 {
  --al-t: 70px !important;
}
.al-b-70 {
  --al-b: 70px !important;
}
.al-extend-all-75 {
  --al-extend-t: 75px !important;
  --al-extend-e: 75px !important;
  --al-extend-b: 75px !important;
  --al-extend-s: 75px !important;
}
.al-extend-y-75 {
  --al-extend-t: 75px !important;
  --al-extend-b: 75px !important;
}
.al-extend-x-75 {
  --al-extend-e: 75px !important;
  --al-extend-s: 75px !important;
}
.al-extend-t-75 {
  --al-extend-t: 75px !important;
}
.al-extend-b-75 {
  --al-extend-b: 75px !important;
}
.al-t-75 {
  --al-t: 75px !important;
}
.al-b-75 {
  --al-b: 75px !important;
}
.al-extend-all-80 {
  --al-extend-t: 80px !important;
  --al-extend-e: 80px !important;
  --al-extend-b: 80px !important;
  --al-extend-s: 80px !important;
}
.al-extend-y-80 {
  --al-extend-t: 80px !important;
  --al-extend-b: 80px !important;
}
.al-extend-x-80 {
  --al-extend-e: 80px !important;
  --al-extend-s: 80px !important;
}
.al-extend-t-80 {
  --al-extend-t: 80px !important;
}
.al-extend-b-80 {
  --al-extend-b: 80px !important;
}
.al-t-80 {
  --al-t: 80px !important;
}
.al-b-80 {
  --al-b: 80px !important;
}
.al-extend-all-85 {
  --al-extend-t: 85px !important;
  --al-extend-e: 85px !important;
  --al-extend-b: 85px !important;
  --al-extend-s: 85px !important;
}
.al-extend-y-85 {
  --al-extend-t: 85px !important;
  --al-extend-b: 85px !important;
}
.al-extend-x-85 {
  --al-extend-e: 85px !important;
  --al-extend-s: 85px !important;
}
.al-extend-t-85 {
  --al-extend-t: 85px !important;
}
.al-extend-b-85 {
  --al-extend-b: 85px !important;
}
.al-t-85 {
  --al-t: 85px !important;
}
.al-b-85 {
  --al-b: 85px !important;
}
.al-extend-all-90 {
  --al-extend-t: 90px !important;
  --al-extend-e: 90px !important;
  --al-extend-b: 90px !important;
  --al-extend-s: 90px !important;
}
.al-extend-y-90 {
  --al-extend-t: 90px !important;
  --al-extend-b: 90px !important;
}
.al-extend-x-90 {
  --al-extend-e: 90px !important;
  --al-extend-s: 90px !important;
}
.al-extend-t-90 {
  --al-extend-t: 90px !important;
}
.al-extend-b-90 {
  --al-extend-b: 90px !important;
}
.al-t-90 {
  --al-t: 90px !important;
}
.al-b-90 {
  --al-b: 90px !important;
}
.al-extend-all-95 {
  --al-extend-t: 95px !important;
  --al-extend-e: 95px !important;
  --al-extend-b: 95px !important;
  --al-extend-s: 95px !important;
}
.al-extend-y-95 {
  --al-extend-t: 95px !important;
  --al-extend-b: 95px !important;
}
.al-extend-x-95 {
  --al-extend-e: 95px !important;
  --al-extend-s: 95px !important;
}
.al-extend-t-95 {
  --al-extend-t: 95px !important;
}
.al-extend-b-95 {
  --al-extend-b: 95px !important;
}
.al-t-95 {
  --al-t: 95px !important;
}
.al-b-95 {
  --al-b: 95px !important;
}
.al-extend-all-100 {
  --al-extend-t: 100px !important;
  --al-extend-e: 100px !important;
  --al-extend-b: 100px !important;
  --al-extend-s: 100px !important;
}
.al-extend-y-100 {
  --al-extend-t: 100px !important;
  --al-extend-b: 100px !important;
}
.al-extend-x-100 {
  --al-extend-e: 100px !important;
  --al-extend-s: 100px !important;
}
.al-extend-t-100 {
  --al-extend-t: 100px !important;
}
.al-extend-b-100 {
  --al-extend-b: 100px !important;
}
.al-t-100 {
  --al-t: 100px !important;
}
.al-b-100 {
  --al-b: 100px !important;
}
.al-extend-all-120 {
  --al-extend-t: 120px !important;
  --al-extend-e: 120px !important;
  --al-extend-b: 120px !important;
  --al-extend-s: 120px !important;
}
.al-extend-y-120 {
  --al-extend-t: 120px !important;
  --al-extend-b: 120px !important;
}
.al-extend-x-120 {
  --al-extend-e: 120px !important;
  --al-extend-s: 120px !important;
}
.al-extend-t-120 {
  --al-extend-t: 120px !important;
}
.al-extend-b-120 {
  --al-extend-b: 120px !important;
}
.al-t-120 {
  --al-t: 120px !important;
}
.al-b-120 {
  --al-b: 120px !important;
}
.al-extend-all-150 {
  --al-extend-t: 150px !important;
  --al-extend-e: 150px !important;
  --al-extend-b: 150px !important;
  --al-extend-s: 150px !important;
}
.al-extend-y-150 {
  --al-extend-t: 150px !important;
  --al-extend-b: 150px !important;
}
.al-extend-x-150 {
  --al-extend-e: 150px !important;
  --al-extend-s: 150px !important;
}
.al-extend-t-150 {
  --al-extend-t: 150px !important;
}
.al-extend-b-150 {
  --al-extend-b: 150px !important;
}
.al-t-150 {
  --al-t: 150px !important;
}
.al-b-150 {
  --al-b: 150px !important;
}
.al-extend-all-200 {
  --al-extend-t: 200px !important;
  --al-extend-e: 200px !important;
  --al-extend-b: 200px !important;
  --al-extend-s: 200px !important;
}
.al-extend-y-200 {
  --al-extend-t: 200px !important;
  --al-extend-b: 200px !important;
}
.al-extend-x-200 {
  --al-extend-e: 200px !important;
  --al-extend-s: 200px !important;
}
.al-extend-t-200 {
  --al-extend-t: 200px !important;
}
.al-extend-b-200 {
  --al-extend-b: 200px !important;
}
.al-t-200 {
  --al-t: 200px !important;
}
.al-b-200 {
  --al-b: 200px !important;
}
.al-extend-all-250 {
  --al-extend-t: 250px !important;
  --al-extend-e: 250px !important;
  --al-extend-b: 250px !important;
  --al-extend-s: 250px !important;
}
.al-extend-y-250 {
  --al-extend-t: 250px !important;
  --al-extend-b: 250px !important;
}
.al-extend-x-250 {
  --al-extend-e: 250px !important;
  --al-extend-s: 250px !important;
}
.al-extend-t-250 {
  --al-extend-t: 250px !important;
}
.al-extend-b-250 {
  --al-extend-b: 250px !important;
}
.al-t-250 {
  --al-t: 250px !important;
}
.al-b-250 {
  --al-b: 250px !important;
}
.al-center-all-0 {
  --al-center-t: 0% !important;
  --al-center-e: 0% !important;
  --al-center-b: 0% !important;
  --al-center-s: 0% !important;
}
.al-center-t-0 {
  --al-center-t: 0% !important;
}
.al-center-b-0 {
  --al-center-b: 0% !important;
}
.al-center-all-10 {
  --al-center-t: 10% !important;
  --al-center-e: 10% !important;
  --al-center-b: 10% !important;
  --al-center-s: 10% !important;
}
.al-center-t-10 {
  --al-center-t: 10% !important;
}
.al-center-b-10 {
  --al-center-b: 10% !important;
}
.al-center-all-25 {
  --al-center-t: 25% !important;
  --al-center-e: 25% !important;
  --al-center-b: 25% !important;
  --al-center-s: 25% !important;
}
.al-center-t-25 {
  --al-center-t: 25% !important;
}
.al-center-b-25 {
  --al-center-b: 25% !important;
}
.al-center-all-50 {
  --al-center-t: 50% !important;
  --al-center-e: 50% !important;
  --al-center-b: 50% !important;
  --al-center-s: 50% !important;
}
.al-center-t-50 {
  --al-center-t: 50% !important;
}
.al-center-b-50 {
  --al-center-b: 50% !important;
}
.al-center-all-75 {
  --al-center-t: 75% !important;
  --al-center-e: 75% !important;
  --al-center-b: 75% !important;
  --al-center-s: 75% !important;
}
.al-center-t-75 {
  --al-center-t: 75% !important;
}
.al-center-b-75 {
  --al-center-b: 75% !important;
}
.al-center-all-90 {
  --al-center-t: 90% !important;
  --al-center-e: 90% !important;
  --al-center-b: 90% !important;
  --al-center-s: 90% !important;
}
.al-center-t-90 {
  --al-center-t: 90% !important;
}
.al-center-b-90 {
  --al-center-b: 90% !important;
}
.al-center-all-100 {
  --al-center-t: 100% !important;
  --al-center-e: 100% !important;
  --al-center-b: 100% !important;
  --al-center-s: 100% !important;
}
.al-center-t-100 {
  --al-center-t: 100% !important;
}
.al-center-b-100 {
  --al-center-b: 100% !important;
}
.al-border-1 {
  --al-border:1px !important;
}
.al-inlay-all-1 {
  --al-inlay: 1px !important;
}
.al-border-2 {
  --al-border:2px !important;
}
.al-inlay-all-2 {
  --al-inlay: 2px !important;
}
.al-border-3 {
  --al-border:3px !important;
}
.al-inlay-all-3 {
  --al-inlay: 3px !important;
}
.al-border-4 {
  --al-border:4px !important;
}
.al-inlay-all-4 {
  --al-inlay: 4px !important;
}
.al-border-5 {
  --al-border:5px !important;
}
.al-inlay-all-5 {
  --al-inlay: 5px !important;
}
.al-border-6 {
  --al-border:6px !important;
}
.al-inlay-all-6 {
  --al-inlay: 6px !important;
}
.al-border-7 {
  --al-border:7px !important;
}
.al-inlay-all-7 {
  --al-inlay: 7px !important;
}
.al-border-8 {
  --al-border:8px !important;
}
.al-inlay-all-8 {
  --al-inlay: 8px !important;
}
.al-border-9 {
  --al-border:9px !important;
}
.al-inlay-all-9 {
  --al-inlay: 9px !important;
}
.al-border-10 {
  --al-border:10px !important;
}
.al-inlay-all-10 {
  --al-inlay: 10px !important;
}
.al-border-16 {
  --al-border:16px !important;
}
.al-inlay-all-16 {
  --al-inlay: 16px !important;
}
.al-border-24 {
  --al-border:24px !important;
}
.al-inlay-all-24 {
  --al-inlay: 24px !important;
}
.al-border-32 {
  --al-border:32px !important;
}
.al-inlay-all-32 {
  --al-inlay: 32px !important;
}
.al-border-primary {
  --al-border-bg:var(--bs-primary) !important;
}
.al-border-secondary {
  --al-border-bg:var(--bs-secondary) !important;
}
.al-border-success {
  --al-border-bg:var(--bs-success) !important;
}
.al-border-danger {
  --al-border-bg:var(--bs-danger) !important;
}
.al-border-warning {
  --al-border-bg:var(--bs-warning) !important;
}
.al-border-info {
  --al-border-bg:var(--bs-info) !important;
}
.al-border-white {
  --al-border-bg:var(--bs-white) !important;
}
.al-border-black {
  --al-border-bg:var(--bs-black) !important;
}
.al-border-transparent {
  --al-border-bg:var(--bs-black) !important;
}
.al-inlay-bg-primary {
  --al-inlay-bg:var(--bs-primary) !important;
}
.al-inlay-bg-secondary {
  --al-inlay-bg:var(--bs-secondary) !important;
}
.al-inlay-bg-success {
  --al-inlay-bg:var(--bs-success) !important;
}
.al-inlay-bg-danger {
  --al-inlay-bg:var(--bs-danger) !important;
}
.al-inlay-bg-warning {
  --al-inlay-bg:var(--bs-warning) !important;
}
.al-inlay-bg-info {
  --al-inlay-bg:var(--bs-info) !important;
}
.al-inlay-bg-white {
  --al-inlay-bg:var(--bs-white) !important;
}
.al-inlay-bg-black {
  --al-inlay-bg:var(--bs-black) !important;
}
.al-inlay-bg-transparent {
  --al-inlay-bg:var(--bs-black) !important;
}
.al-border-primary-5 {
  --al-border-bg:rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-border-secondary-5 {
  --al-border-bg:rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-border-success-5 {
  --al-border-bg:rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-border-warning-5 {
  --al-border-bg:rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-border-danger-5 {
  --al-border-bg:rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-border-info-5 {
  --al-border-bg:rgba(var(--bs-info-rgb), 0.05) !important;
}
.al-border-white-5 {
  --al-border-bg:rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-border-black-5 {
  --al-border-bg:rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-inlay-bg-primary-5 {
  --al-inlay-bg:rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-inlay-bg-secondary-5 {
  --al-inlay-bg:rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-inlay-bg-success-5 {
  --al-inlay-bg:rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-inlay-bg-warning-5 {
  --al-inlay-bg:rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-inlay-bg-danger-5 {
  --al-inlay-bg:rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-inlay-bg-info-5 {
  --al-inlay-bg:rgba(var(--bs-info-rgb), 0.05) !important;
}
.al-inlay-bg-white-5 {
  --al-inlay-bg:rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-inlay-bg-black-5 {
  --al-inlay-bg:rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-border-primary-10 {
  --al-border-bg:rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-border-secondary-10 {
  --al-border-bg:rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-border-success-10 {
  --al-border-bg:rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-border-warning-10 {
  --al-border-bg:rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-border-danger-10 {
  --al-border-bg:rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-border-info-10 {
  --al-border-bg:rgba(var(--bs-info-rgb), 0.1) !important;
}
.al-border-white-10 {
  --al-border-bg:rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-border-black-10 {
  --al-border-bg:rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-inlay-bg-primary-10 {
  --al-inlay-bg:rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-inlay-bg-secondary-10 {
  --al-inlay-bg:rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-inlay-bg-success-10 {
  --al-inlay-bg:rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-inlay-bg-warning-10 {
  --al-inlay-bg:rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-inlay-bg-danger-10 {
  --al-inlay-bg:rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-inlay-bg-info-10 {
  --al-inlay-bg:rgba(var(--bs-info-rgb), 0.1) !important;
}
.al-inlay-bg-white-10 {
  --al-inlay-bg:rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-inlay-bg-black-10 {
  --al-inlay-bg:rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-border-primary-25 {
  --al-border-bg:rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-border-secondary-25 {
  --al-border-bg:rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-border-success-25 {
  --al-border-bg:rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-border-warning-25 {
  --al-border-bg:rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-border-danger-25 {
  --al-border-bg:rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-border-info-25 {
  --al-border-bg:rgba(var(--bs-info-rgb), 0.25) !important;
}
.al-border-white-25 {
  --al-border-bg:rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-border-black-25 {
  --al-border-bg:rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-inlay-bg-primary-25 {
  --al-inlay-bg:rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-inlay-bg-secondary-25 {
  --al-inlay-bg:rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-inlay-bg-success-25 {
  --al-inlay-bg:rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-inlay-bg-warning-25 {
  --al-inlay-bg:rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-inlay-bg-danger-25 {
  --al-inlay-bg:rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-inlay-bg-info-25 {
  --al-inlay-bg:rgba(var(--bs-info-rgb), 0.25) !important;
}
.al-inlay-bg-white-25 {
  --al-inlay-bg:rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-inlay-bg-black-25 {
  --al-inlay-bg:rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-border-primary-50 {
  --al-border-bg:rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-border-secondary-50 {
  --al-border-bg:rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-border-success-50 {
  --al-border-bg:rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-border-warning-50 {
  --al-border-bg:rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-border-danger-50 {
  --al-border-bg:rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-border-info-50 {
  --al-border-bg:rgba(var(--bs-info-rgb), 0.5) !important;
}
.al-border-white-50 {
  --al-border-bg:rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-border-black-50 {
  --al-border-bg:rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-inlay-bg-primary-50 {
  --al-inlay-bg:rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-inlay-bg-secondary-50 {
  --al-inlay-bg:rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-inlay-bg-success-50 {
  --al-inlay-bg:rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-inlay-bg-warning-50 {
  --al-inlay-bg:rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-inlay-bg-danger-50 {
  --al-inlay-bg:rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-inlay-bg-info-50 {
  --al-inlay-bg:rgba(var(--bs-info-rgb), 0.5) !important;
}
.al-inlay-bg-white-50 {
  --al-inlay-bg:rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-inlay-bg-black-50 {
  --al-inlay-bg:rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-border-primary-75 {
  --al-border-bg:rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-border-secondary-75 {
  --al-border-bg:rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-border-success-75 {
  --al-border-bg:rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-border-warning-75 {
  --al-border-bg:rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-border-danger-75 {
  --al-border-bg:rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-border-info-75 {
  --al-border-bg:rgba(var(--bs-info-rgb), 0.75) !important;
}
.al-border-white-75 {
  --al-border-bg:rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-border-black-75 {
  --al-border-bg:rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-inlay-bg-primary-75 {
  --al-inlay-bg:rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-inlay-bg-secondary-75 {
  --al-inlay-bg:rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-inlay-bg-success-75 {
  --al-inlay-bg:rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-inlay-bg-warning-75 {
  --al-inlay-bg:rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-inlay-bg-danger-75 {
  --al-inlay-bg:rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-inlay-bg-info-75 {
  --al-inlay-bg:rgba(var(--bs-info-rgb), 0.75) !important;
}
.al-inlay-bg-white-75 {
  --al-inlay-bg:rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-inlay-bg-black-75 {
  --al-inlay-bg:rgba(var(--bs-black-rgb), 0.75) !important;
}

/* ===== clip Rtl & Ltr ===== */
html[dir=ltr] .al-e-clip-y {
  --al-extend-e:50px !important;
  --al-e:16px !important;
}
html[dir=ltr] .al-s-clip-y {
  --al-extend-s:50px !important;
  --al-s:16px !important;
}
html[dir=ltr] .al-ts {
  --al-ts:16px !important;
}
html[dir=ltr] .al-te {
  --al-te:16px !important;
}
html[dir=ltr] .al-be {
  --al-be:16px !important;
}
html[dir=ltr] .al-bs {
  --al-bs:16px !important;
}
html[dir=ltr] .al-ts-0 {
  --al-ts: 0px !important;
}
html[dir=ltr] .al-te-0 {
  --al-te: 0px !important;
}
html[dir=ltr] .al-bs-0 {
  --al-bs: 0px !important;
}
html[dir=ltr] .al-be-0 {
  --al-be: 0px !important;
}
html[dir=ltr] .al-ts-1 {
  --al-ts: 1px !important;
}
html[dir=ltr] .al-te-1 {
  --al-te: 1px !important;
}
html[dir=ltr] .al-bs-1 {
  --al-bs: 1px !important;
}
html[dir=ltr] .al-be-1 {
  --al-be: 1px !important;
}
html[dir=ltr] .al-ts-2 {
  --al-ts: 2px !important;
}
html[dir=ltr] .al-te-2 {
  --al-te: 2px !important;
}
html[dir=ltr] .al-bs-2 {
  --al-bs: 2px !important;
}
html[dir=ltr] .al-be-2 {
  --al-be: 2px !important;
}
html[dir=ltr] .al-ts-3 {
  --al-ts: 3px !important;
}
html[dir=ltr] .al-te-3 {
  --al-te: 3px !important;
}
html[dir=ltr] .al-bs-3 {
  --al-bs: 3px !important;
}
html[dir=ltr] .al-be-3 {
  --al-be: 3px !important;
}
html[dir=ltr] .al-ts-4 {
  --al-ts: 4px !important;
}
html[dir=ltr] .al-te-4 {
  --al-te: 4px !important;
}
html[dir=ltr] .al-bs-4 {
  --al-bs: 4px !important;
}
html[dir=ltr] .al-be-4 {
  --al-be: 4px !important;
}
html[dir=ltr] .al-ts-5 {
  --al-ts: 5px !important;
}
html[dir=ltr] .al-te-5 {
  --al-te: 5px !important;
}
html[dir=ltr] .al-bs-5 {
  --al-bs: 5px !important;
}
html[dir=ltr] .al-be-5 {
  --al-be: 5px !important;
}
html[dir=ltr] .al-ts-6 {
  --al-ts: 6px !important;
}
html[dir=ltr] .al-te-6 {
  --al-te: 6px !important;
}
html[dir=ltr] .al-bs-6 {
  --al-bs: 6px !important;
}
html[dir=ltr] .al-be-6 {
  --al-be: 6px !important;
}
html[dir=ltr] .al-ts-7 {
  --al-ts: 7px !important;
}
html[dir=ltr] .al-te-7 {
  --al-te: 7px !important;
}
html[dir=ltr] .al-bs-7 {
  --al-bs: 7px !important;
}
html[dir=ltr] .al-be-7 {
  --al-be: 7px !important;
}
html[dir=ltr] .al-ts-8 {
  --al-ts: 8px !important;
}
html[dir=ltr] .al-te-8 {
  --al-te: 8px !important;
}
html[dir=ltr] .al-bs-8 {
  --al-bs: 8px !important;
}
html[dir=ltr] .al-be-8 {
  --al-be: 8px !important;
}
html[dir=ltr] .al-ts-9 {
  --al-ts: 9px !important;
}
html[dir=ltr] .al-te-9 {
  --al-te: 9px !important;
}
html[dir=ltr] .al-bs-9 {
  --al-bs: 9px !important;
}
html[dir=ltr] .al-be-9 {
  --al-be: 9px !important;
}
html[dir=ltr] .al-ts-10 {
  --al-ts: 10px !important;
}
html[dir=ltr] .al-te-10 {
  --al-te: 10px !important;
}
html[dir=ltr] .al-bs-10 {
  --al-bs: 10px !important;
}
html[dir=ltr] .al-be-10 {
  --al-be: 10px !important;
}
html[dir=ltr] .al-ts-11 {
  --al-ts: 11px !important;
}
html[dir=ltr] .al-te-11 {
  --al-te: 11px !important;
}
html[dir=ltr] .al-bs-11 {
  --al-bs: 11px !important;
}
html[dir=ltr] .al-be-11 {
  --al-be: 11px !important;
}
html[dir=ltr] .al-ts-12 {
  --al-ts: 12px !important;
}
html[dir=ltr] .al-te-12 {
  --al-te: 12px !important;
}
html[dir=ltr] .al-bs-12 {
  --al-bs: 12px !important;
}
html[dir=ltr] .al-be-12 {
  --al-be: 12px !important;
}
html[dir=ltr] .al-ts-13 {
  --al-ts: 13px !important;
}
html[dir=ltr] .al-te-13 {
  --al-te: 13px !important;
}
html[dir=ltr] .al-bs-13 {
  --al-bs: 13px !important;
}
html[dir=ltr] .al-be-13 {
  --al-be: 13px !important;
}
html[dir=ltr] .al-ts-14 {
  --al-ts: 14px !important;
}
html[dir=ltr] .al-te-14 {
  --al-te: 14px !important;
}
html[dir=ltr] .al-bs-14 {
  --al-bs: 14px !important;
}
html[dir=ltr] .al-be-14 {
  --al-be: 14px !important;
}
html[dir=ltr] .al-ts-16 {
  --al-ts: 16px !important;
}
html[dir=ltr] .al-te-16 {
  --al-te: 16px !important;
}
html[dir=ltr] .al-bs-16 {
  --al-bs: 16px !important;
}
html[dir=ltr] .al-be-16 {
  --al-be: 16px !important;
}
html[dir=ltr] .al-ts-20 {
  --al-ts: 20px !important;
}
html[dir=ltr] .al-te-20 {
  --al-te: 20px !important;
}
html[dir=ltr] .al-bs-20 {
  --al-bs: 20px !important;
}
html[dir=ltr] .al-be-20 {
  --al-be: 20px !important;
}
html[dir=ltr] .al-ts-24 {
  --al-ts: 24px !important;
}
html[dir=ltr] .al-te-24 {
  --al-te: 24px !important;
}
html[dir=ltr] .al-bs-24 {
  --al-bs: 24px !important;
}
html[dir=ltr] .al-be-24 {
  --al-be: 24px !important;
}
html[dir=ltr] .al-ts-25 {
  --al-ts: 25px !important;
}
html[dir=ltr] .al-te-25 {
  --al-te: 25px !important;
}
html[dir=ltr] .al-bs-25 {
  --al-bs: 25px !important;
}
html[dir=ltr] .al-be-25 {
  --al-be: 25px !important;
}
html[dir=ltr] .al-ts-26 {
  --al-ts: 26px !important;
}
html[dir=ltr] .al-te-26 {
  --al-te: 26px !important;
}
html[dir=ltr] .al-bs-26 {
  --al-bs: 26px !important;
}
html[dir=ltr] .al-be-26 {
  --al-be: 26px !important;
}
html[dir=ltr] .al-ts-28 {
  --al-ts: 28px !important;
}
html[dir=ltr] .al-te-28 {
  --al-te: 28px !important;
}
html[dir=ltr] .al-bs-28 {
  --al-bs: 28px !important;
}
html[dir=ltr] .al-be-28 {
  --al-be: 28px !important;
}
html[dir=ltr] .al-ts-30 {
  --al-ts: 30px !important;
}
html[dir=ltr] .al-te-30 {
  --al-te: 30px !important;
}
html[dir=ltr] .al-bs-30 {
  --al-bs: 30px !important;
}
html[dir=ltr] .al-be-30 {
  --al-be: 30px !important;
}
html[dir=ltr] .al-ts-32 {
  --al-ts: 32px !important;
}
html[dir=ltr] .al-te-32 {
  --al-te: 32px !important;
}
html[dir=ltr] .al-bs-32 {
  --al-bs: 32px !important;
}
html[dir=ltr] .al-be-32 {
  --al-be: 32px !important;
}
html[dir=ltr] .al-ts-34 {
  --al-ts: 34px !important;
}
html[dir=ltr] .al-te-34 {
  --al-te: 34px !important;
}
html[dir=ltr] .al-bs-34 {
  --al-bs: 34px !important;
}
html[dir=ltr] .al-be-34 {
  --al-be: 34px !important;
}
html[dir=ltr] .al-ts-36 {
  --al-ts: 36px !important;
}
html[dir=ltr] .al-te-36 {
  --al-te: 36px !important;
}
html[dir=ltr] .al-bs-36 {
  --al-bs: 36px !important;
}
html[dir=ltr] .al-be-36 {
  --al-be: 36px !important;
}
html[dir=ltr] .al-ts-48 {
  --al-ts: 48px !important;
}
html[dir=ltr] .al-te-48 {
  --al-te: 48px !important;
}
html[dir=ltr] .al-bs-48 {
  --al-bs: 48px !important;
}
html[dir=ltr] .al-be-48 {
  --al-be: 48px !important;
}
html[dir=ltr] .al-ts-50 {
  --al-ts: 50px !important;
}
html[dir=ltr] .al-te-50 {
  --al-te: 50px !important;
}
html[dir=ltr] .al-bs-50 {
  --al-bs: 50px !important;
}
html[dir=ltr] .al-be-50 {
  --al-be: 50px !important;
}
html[dir=ltr] .al-ts-64 {
  --al-ts: 64px !important;
}
html[dir=ltr] .al-te-64 {
  --al-te: 64px !important;
}
html[dir=ltr] .al-bs-64 {
  --al-bs: 64px !important;
}
html[dir=ltr] .al-be-64 {
  --al-be: 64px !important;
}
html[dir=ltr] .al-ts-75 {
  --al-ts: 75px !important;
}
html[dir=ltr] .al-te-75 {
  --al-te: 75px !important;
}
html[dir=ltr] .al-bs-75 {
  --al-bs: 75px !important;
}
html[dir=ltr] .al-be-75 {
  --al-be: 75px !important;
}
html[dir=ltr] .al-ts-80 {
  --al-ts: 80px !important;
}
html[dir=ltr] .al-te-80 {
  --al-te: 80px !important;
}
html[dir=ltr] .al-bs-80 {
  --al-bs: 80px !important;
}
html[dir=ltr] .al-be-80 {
  --al-be: 80px !important;
}
html[dir=ltr] .al-ts-96 {
  --al-ts: 96px !important;
}
html[dir=ltr] .al-te-96 {
  --al-te: 96px !important;
}
html[dir=ltr] .al-bs-96 {
  --al-bs: 96px !important;
}
html[dir=ltr] .al-be-96 {
  --al-be: 96px !important;
}
html[dir=ltr] .al-ts-112 {
  --al-ts: 112px !important;
}
html[dir=ltr] .al-te-112 {
  --al-te: 112px !important;
}
html[dir=ltr] .al-bs-112 {
  --al-bs: 112px !important;
}
html[dir=ltr] .al-be-112 {
  --al-be: 112px !important;
}
html[dir=ltr] .al-extend-s-0 {
  --al-extend-s: 0px !important;
}
html[dir=ltr] .al-extend-e-0 {
  --al-extend-e: 0px !important;
}
html[dir=ltr] .al-s-0 {
  --al-s: 0px !important;
}
html[dir=ltr] .al-e-0 {
  --al-e: 0px !important;
}
html[dir=ltr] .al-extend-s-1 {
  --al-extend-s: 1px !important;
}
html[dir=ltr] .al-extend-e-1 {
  --al-extend-e: 1px !important;
}
html[dir=ltr] .al-s-1 {
  --al-s: 1px !important;
}
html[dir=ltr] .al-e-1 {
  --al-e: 1px !important;
}
html[dir=ltr] .al-extend-s-2 {
  --al-extend-s: 2px !important;
}
html[dir=ltr] .al-extend-e-2 {
  --al-extend-e: 2px !important;
}
html[dir=ltr] .al-s-2 {
  --al-s: 2px !important;
}
html[dir=ltr] .al-e-2 {
  --al-e: 2px !important;
}
html[dir=ltr] .al-extend-s-3 {
  --al-extend-s: 3px !important;
}
html[dir=ltr] .al-extend-e-3 {
  --al-extend-e: 3px !important;
}
html[dir=ltr] .al-s-3 {
  --al-s: 3px !important;
}
html[dir=ltr] .al-e-3 {
  --al-e: 3px !important;
}
html[dir=ltr] .al-extend-s-4 {
  --al-extend-s: 4px !important;
}
html[dir=ltr] .al-extend-e-4 {
  --al-extend-e: 4px !important;
}
html[dir=ltr] .al-s-4 {
  --al-s: 4px !important;
}
html[dir=ltr] .al-e-4 {
  --al-e: 4px !important;
}
html[dir=ltr] .al-extend-s-5 {
  --al-extend-s: 5px !important;
}
html[dir=ltr] .al-extend-e-5 {
  --al-extend-e: 5px !important;
}
html[dir=ltr] .al-s-5 {
  --al-s: 5px !important;
}
html[dir=ltr] .al-e-5 {
  --al-e: 5px !important;
}
html[dir=ltr] .al-extend-s-6 {
  --al-extend-s: 6px !important;
}
html[dir=ltr] .al-extend-e-6 {
  --al-extend-e: 6px !important;
}
html[dir=ltr] .al-s-6 {
  --al-s: 6px !important;
}
html[dir=ltr] .al-e-6 {
  --al-e: 6px !important;
}
html[dir=ltr] .al-extend-s-7 {
  --al-extend-s: 7px !important;
}
html[dir=ltr] .al-extend-e-7 {
  --al-extend-e: 7px !important;
}
html[dir=ltr] .al-s-7 {
  --al-s: 7px !important;
}
html[dir=ltr] .al-e-7 {
  --al-e: 7px !important;
}
html[dir=ltr] .al-extend-s-8 {
  --al-extend-s: 8px !important;
}
html[dir=ltr] .al-extend-e-8 {
  --al-extend-e: 8px !important;
}
html[dir=ltr] .al-s-8 {
  --al-s: 8px !important;
}
html[dir=ltr] .al-e-8 {
  --al-e: 8px !important;
}
html[dir=ltr] .al-extend-s-9 {
  --al-extend-s: 9px !important;
}
html[dir=ltr] .al-extend-e-9 {
  --al-extend-e: 9px !important;
}
html[dir=ltr] .al-s-9 {
  --al-s: 9px !important;
}
html[dir=ltr] .al-e-9 {
  --al-e: 9px !important;
}
html[dir=ltr] .al-extend-s-10 {
  --al-extend-s: 10px !important;
}
html[dir=ltr] .al-extend-e-10 {
  --al-extend-e: 10px !important;
}
html[dir=ltr] .al-s-10 {
  --al-s: 10px !important;
}
html[dir=ltr] .al-e-10 {
  --al-e: 10px !important;
}
html[dir=ltr] .al-extend-s-15 {
  --al-extend-s: 15px !important;
}
html[dir=ltr] .al-extend-e-15 {
  --al-extend-e: 15px !important;
}
html[dir=ltr] .al-s-15 {
  --al-s: 15px !important;
}
html[dir=ltr] .al-e-15 {
  --al-e: 15px !important;
}
html[dir=ltr] .al-extend-s-20 {
  --al-extend-s: 20px !important;
}
html[dir=ltr] .al-extend-e-20 {
  --al-extend-e: 20px !important;
}
html[dir=ltr] .al-s-20 {
  --al-s: 20px !important;
}
html[dir=ltr] .al-e-20 {
  --al-e: 20px !important;
}
html[dir=ltr] .al-extend-s-25 {
  --al-extend-s: 25px !important;
}
html[dir=ltr] .al-extend-e-25 {
  --al-extend-e: 25px !important;
}
html[dir=ltr] .al-s-25 {
  --al-s: 25px !important;
}
html[dir=ltr] .al-e-25 {
  --al-e: 25px !important;
}
html[dir=ltr] .al-extend-s-30 {
  --al-extend-s: 30px !important;
}
html[dir=ltr] .al-extend-e-30 {
  --al-extend-e: 30px !important;
}
html[dir=ltr] .al-s-30 {
  --al-s: 30px !important;
}
html[dir=ltr] .al-e-30 {
  --al-e: 30px !important;
}
html[dir=ltr] .al-extend-s-35 {
  --al-extend-s: 35px !important;
}
html[dir=ltr] .al-extend-e-35 {
  --al-extend-e: 35px !important;
}
html[dir=ltr] .al-s-35 {
  --al-s: 35px !important;
}
html[dir=ltr] .al-e-35 {
  --al-e: 35px !important;
}
html[dir=ltr] .al-extend-s-40 {
  --al-extend-s: 40px !important;
}
html[dir=ltr] .al-extend-e-40 {
  --al-extend-e: 40px !important;
}
html[dir=ltr] .al-s-40 {
  --al-s: 40px !important;
}
html[dir=ltr] .al-e-40 {
  --al-e: 40px !important;
}
html[dir=ltr] .al-extend-s-45 {
  --al-extend-s: 45px !important;
}
html[dir=ltr] .al-extend-e-45 {
  --al-extend-e: 45px !important;
}
html[dir=ltr] .al-s-45 {
  --al-s: 45px !important;
}
html[dir=ltr] .al-e-45 {
  --al-e: 45px !important;
}
html[dir=ltr] .al-extend-s-50 {
  --al-extend-s: 50px !important;
}
html[dir=ltr] .al-extend-e-50 {
  --al-extend-e: 50px !important;
}
html[dir=ltr] .al-s-50 {
  --al-s: 50px !important;
}
html[dir=ltr] .al-e-50 {
  --al-e: 50px !important;
}
html[dir=ltr] .al-extend-s-55 {
  --al-extend-s: 55px !important;
}
html[dir=ltr] .al-extend-e-55 {
  --al-extend-e: 55px !important;
}
html[dir=ltr] .al-s-55 {
  --al-s: 55px !important;
}
html[dir=ltr] .al-e-55 {
  --al-e: 55px !important;
}
html[dir=ltr] .al-extend-s-60 {
  --al-extend-s: 60px !important;
}
html[dir=ltr] .al-extend-e-60 {
  --al-extend-e: 60px !important;
}
html[dir=ltr] .al-s-60 {
  --al-s: 60px !important;
}
html[dir=ltr] .al-e-60 {
  --al-e: 60px !important;
}
html[dir=ltr] .al-extend-s-65 {
  --al-extend-s: 65px !important;
}
html[dir=ltr] .al-extend-e-65 {
  --al-extend-e: 65px !important;
}
html[dir=ltr] .al-s-65 {
  --al-s: 65px !important;
}
html[dir=ltr] .al-e-65 {
  --al-e: 65px !important;
}
html[dir=ltr] .al-extend-s-70 {
  --al-extend-s: 70px !important;
}
html[dir=ltr] .al-extend-e-70 {
  --al-extend-e: 70px !important;
}
html[dir=ltr] .al-s-70 {
  --al-s: 70px !important;
}
html[dir=ltr] .al-e-70 {
  --al-e: 70px !important;
}
html[dir=ltr] .al-extend-s-75 {
  --al-extend-s: 75px !important;
}
html[dir=ltr] .al-extend-e-75 {
  --al-extend-e: 75px !important;
}
html[dir=ltr] .al-s-75 {
  --al-s: 75px !important;
}
html[dir=ltr] .al-e-75 {
  --al-e: 75px !important;
}
html[dir=ltr] .al-extend-s-80 {
  --al-extend-s: 80px !important;
}
html[dir=ltr] .al-extend-e-80 {
  --al-extend-e: 80px !important;
}
html[dir=ltr] .al-s-80 {
  --al-s: 80px !important;
}
html[dir=ltr] .al-e-80 {
  --al-e: 80px !important;
}
html[dir=ltr] .al-extend-s-85 {
  --al-extend-s: 85px !important;
}
html[dir=ltr] .al-extend-e-85 {
  --al-extend-e: 85px !important;
}
html[dir=ltr] .al-s-85 {
  --al-s: 85px !important;
}
html[dir=ltr] .al-e-85 {
  --al-e: 85px !important;
}
html[dir=ltr] .al-extend-s-90 {
  --al-extend-s: 90px !important;
}
html[dir=ltr] .al-extend-e-90 {
  --al-extend-e: 90px !important;
}
html[dir=ltr] .al-s-90 {
  --al-s: 90px !important;
}
html[dir=ltr] .al-e-90 {
  --al-e: 90px !important;
}
html[dir=ltr] .al-extend-s-95 {
  --al-extend-s: 95px !important;
}
html[dir=ltr] .al-extend-e-95 {
  --al-extend-e: 95px !important;
}
html[dir=ltr] .al-s-95 {
  --al-s: 95px !important;
}
html[dir=ltr] .al-e-95 {
  --al-e: 95px !important;
}
html[dir=ltr] .al-extend-s-100 {
  --al-extend-s: 100px !important;
}
html[dir=ltr] .al-extend-e-100 {
  --al-extend-e: 100px !important;
}
html[dir=ltr] .al-s-100 {
  --al-s: 100px !important;
}
html[dir=ltr] .al-e-100 {
  --al-e: 100px !important;
}
html[dir=ltr] .al-extend-s-120 {
  --al-extend-s: 120px !important;
}
html[dir=ltr] .al-extend-e-120 {
  --al-extend-e: 120px !important;
}
html[dir=ltr] .al-s-120 {
  --al-s: 120px !important;
}
html[dir=ltr] .al-e-120 {
  --al-e: 120px !important;
}
html[dir=ltr] .al-extend-s-150 {
  --al-extend-s: 150px !important;
}
html[dir=ltr] .al-extend-e-150 {
  --al-extend-e: 150px !important;
}
html[dir=ltr] .al-s-150 {
  --al-s: 150px !important;
}
html[dir=ltr] .al-e-150 {
  --al-e: 150px !important;
}
html[dir=ltr] .al-extend-s-200 {
  --al-extend-s: 200px !important;
}
html[dir=ltr] .al-extend-e-200 {
  --al-extend-e: 200px !important;
}
html[dir=ltr] .al-s-200 {
  --al-s: 200px !important;
}
html[dir=ltr] .al-e-200 {
  --al-e: 200px !important;
}
html[dir=ltr] .al-extend-s-250 {
  --al-extend-s: 250px !important;
}
html[dir=ltr] .al-extend-e-250 {
  --al-extend-e: 250px !important;
}
html[dir=ltr] .al-s-250 {
  --al-s: 250px !important;
}
html[dir=ltr] .al-e-250 {
  --al-e: 250px !important;
}
html[dir=ltr] .al-center-s-0 {
  --al-center-s: 0% !important;
}
html[dir=ltr] .al-center-e-0 {
  --al-center-e: 0% !important;
}
html[dir=ltr] .al-center-s-10 {
  --al-center-s: 10% !important;
}
html[dir=ltr] .al-center-e-10 {
  --al-center-e: 10% !important;
}
html[dir=ltr] .al-center-s-25 {
  --al-center-s: 25% !important;
}
html[dir=ltr] .al-center-e-25 {
  --al-center-e: 25% !important;
}
html[dir=ltr] .al-center-s-50 {
  --al-center-s: 50% !important;
}
html[dir=ltr] .al-center-e-50 {
  --al-center-e: 50% !important;
}
html[dir=ltr] .al-center-s-75 {
  --al-center-s: 75% !important;
}
html[dir=ltr] .al-center-e-75 {
  --al-center-e: 75% !important;
}
html[dir=ltr] .al-center-s-90 {
  --al-center-s: 90% !important;
}
html[dir=ltr] .al-center-e-90 {
  --al-center-e: 90% !important;
}
html[dir=ltr] .al-center-s-100 {
  --al-center-s: 100% !important;
}
html[dir=ltr] .al-center-e-100 {
  --al-center-e: 100% !important;
}
html[dir=rtl] .al-e-clip-y {
  --al-extend-s:50px !important;
  --al-s:16px !important;
}
html[dir=rtl] .al-s-clip-y {
  --al-extend-e:50px !important;
  --al-e:16px !important;
}
html[dir=rtl] .al-ts {
  --al-te:16px !important;
}
html[dir=rtl] .al-te {
  --al-ts:16px !important;
}
html[dir=rtl] .al-be {
  --al-bs:16px !important;
}
html[dir=rtl] .al-bs {
  --al-be:16px !important;
}
html[dir=rtl] .al-ts-0 {
  --al-te: 0px !important;
}
html[dir=rtl] .al-te-0 {
  --al-ts: 0px !important;
}
html[dir=rtl] .al-bs-0 {
  --al-be: 0px !important;
}
html[dir=rtl] .al-be-0 {
  --al-bs: 0px !important;
}
html[dir=rtl] .al-ts-1 {
  --al-te: 1px !important;
}
html[dir=rtl] .al-te-1 {
  --al-ts: 1px !important;
}
html[dir=rtl] .al-bs-1 {
  --al-be: 1px !important;
}
html[dir=rtl] .al-be-1 {
  --al-bs: 1px !important;
}
html[dir=rtl] .al-ts-2 {
  --al-te: 2px !important;
}
html[dir=rtl] .al-te-2 {
  --al-ts: 2px !important;
}
html[dir=rtl] .al-bs-2 {
  --al-be: 2px !important;
}
html[dir=rtl] .al-be-2 {
  --al-bs: 2px !important;
}
html[dir=rtl] .al-ts-3 {
  --al-te: 3px !important;
}
html[dir=rtl] .al-te-3 {
  --al-ts: 3px !important;
}
html[dir=rtl] .al-bs-3 {
  --al-be: 3px !important;
}
html[dir=rtl] .al-be-3 {
  --al-bs: 3px !important;
}
html[dir=rtl] .al-ts-4 {
  --al-te: 4px !important;
}
html[dir=rtl] .al-te-4 {
  --al-ts: 4px !important;
}
html[dir=rtl] .al-bs-4 {
  --al-be: 4px !important;
}
html[dir=rtl] .al-be-4 {
  --al-bs: 4px !important;
}
html[dir=rtl] .al-ts-5 {
  --al-te: 5px !important;
}
html[dir=rtl] .al-te-5 {
  --al-ts: 5px !important;
}
html[dir=rtl] .al-bs-5 {
  --al-be: 5px !important;
}
html[dir=rtl] .al-be-5 {
  --al-bs: 5px !important;
}
html[dir=rtl] .al-ts-6 {
  --al-te: 6px !important;
}
html[dir=rtl] .al-te-6 {
  --al-ts: 6px !important;
}
html[dir=rtl] .al-bs-6 {
  --al-be: 6px !important;
}
html[dir=rtl] .al-be-6 {
  --al-bs: 6px !important;
}
html[dir=rtl] .al-ts-7 {
  --al-te: 7px !important;
}
html[dir=rtl] .al-te-7 {
  --al-ts: 7px !important;
}
html[dir=rtl] .al-bs-7 {
  --al-be: 7px !important;
}
html[dir=rtl] .al-be-7 {
  --al-bs: 7px !important;
}
html[dir=rtl] .al-ts-8 {
  --al-te: 8px !important;
}
html[dir=rtl] .al-te-8 {
  --al-ts: 8px !important;
}
html[dir=rtl] .al-bs-8 {
  --al-be: 8px !important;
}
html[dir=rtl] .al-be-8 {
  --al-bs: 8px !important;
}
html[dir=rtl] .al-ts-9 {
  --al-te: 9px !important;
}
html[dir=rtl] .al-te-9 {
  --al-ts: 9px !important;
}
html[dir=rtl] .al-bs-9 {
  --al-be: 9px !important;
}
html[dir=rtl] .al-be-9 {
  --al-bs: 9px !important;
}
html[dir=rtl] .al-ts-10 {
  --al-te: 10px !important;
}
html[dir=rtl] .al-te-10 {
  --al-ts: 10px !important;
}
html[dir=rtl] .al-bs-10 {
  --al-be: 10px !important;
}
html[dir=rtl] .al-be-10 {
  --al-bs: 10px !important;
}
html[dir=rtl] .al-ts-11 {
  --al-te: 11px !important;
}
html[dir=rtl] .al-te-11 {
  --al-ts: 11px !important;
}
html[dir=rtl] .al-bs-11 {
  --al-be: 11px !important;
}
html[dir=rtl] .al-be-11 {
  --al-bs: 11px !important;
}
html[dir=rtl] .al-ts-12 {
  --al-te: 12px !important;
}
html[dir=rtl] .al-te-12 {
  --al-ts: 12px !important;
}
html[dir=rtl] .al-bs-12 {
  --al-be: 12px !important;
}
html[dir=rtl] .al-be-12 {
  --al-bs: 12px !important;
}
html[dir=rtl] .al-ts-13 {
  --al-te: 13px !important;
}
html[dir=rtl] .al-te-13 {
  --al-ts: 13px !important;
}
html[dir=rtl] .al-bs-13 {
  --al-be: 13px !important;
}
html[dir=rtl] .al-be-13 {
  --al-bs: 13px !important;
}
html[dir=rtl] .al-ts-14 {
  --al-te: 14px !important;
}
html[dir=rtl] .al-te-14 {
  --al-ts: 14px !important;
}
html[dir=rtl] .al-bs-14 {
  --al-be: 14px !important;
}
html[dir=rtl] .al-be-14 {
  --al-bs: 14px !important;
}
html[dir=rtl] .al-ts-16 {
  --al-te: 16px !important;
}
html[dir=rtl] .al-te-16 {
  --al-ts: 16px !important;
}
html[dir=rtl] .al-bs-16 {
  --al-be: 16px !important;
}
html[dir=rtl] .al-be-16 {
  --al-bs: 16px !important;
}
html[dir=rtl] .al-ts-20 {
  --al-te: 20px !important;
}
html[dir=rtl] .al-te-20 {
  --al-ts: 20px !important;
}
html[dir=rtl] .al-bs-20 {
  --al-be: 20px !important;
}
html[dir=rtl] .al-be-20 {
  --al-bs: 20px !important;
}
html[dir=rtl] .al-ts-24 {
  --al-te: 24px !important;
}
html[dir=rtl] .al-te-24 {
  --al-ts: 24px !important;
}
html[dir=rtl] .al-bs-24 {
  --al-be: 24px !important;
}
html[dir=rtl] .al-be-24 {
  --al-bs: 24px !important;
}
html[dir=rtl] .al-ts-25 {
  --al-te: 25px !important;
}
html[dir=rtl] .al-te-25 {
  --al-ts: 25px !important;
}
html[dir=rtl] .al-bs-25 {
  --al-be: 25px !important;
}
html[dir=rtl] .al-be-25 {
  --al-bs: 25px !important;
}
html[dir=rtl] .al-ts-26 {
  --al-te: 26px !important;
}
html[dir=rtl] .al-te-26 {
  --al-ts: 26px !important;
}
html[dir=rtl] .al-bs-26 {
  --al-be: 26px !important;
}
html[dir=rtl] .al-be-26 {
  --al-bs: 26px !important;
}
html[dir=rtl] .al-ts-28 {
  --al-te: 28px !important;
}
html[dir=rtl] .al-te-28 {
  --al-ts: 28px !important;
}
html[dir=rtl] .al-bs-28 {
  --al-be: 28px !important;
}
html[dir=rtl] .al-be-28 {
  --al-bs: 28px !important;
}
html[dir=rtl] .al-ts-30 {
  --al-te: 30px !important;
}
html[dir=rtl] .al-te-30 {
  --al-ts: 30px !important;
}
html[dir=rtl] .al-bs-30 {
  --al-be: 30px !important;
}
html[dir=rtl] .al-be-30 {
  --al-bs: 30px !important;
}
html[dir=rtl] .al-ts-32 {
  --al-te: 32px !important;
}
html[dir=rtl] .al-te-32 {
  --al-ts: 32px !important;
}
html[dir=rtl] .al-bs-32 {
  --al-be: 32px !important;
}
html[dir=rtl] .al-be-32 {
  --al-bs: 32px !important;
}
html[dir=rtl] .al-ts-34 {
  --al-te: 34px !important;
}
html[dir=rtl] .al-te-34 {
  --al-ts: 34px !important;
}
html[dir=rtl] .al-bs-34 {
  --al-be: 34px !important;
}
html[dir=rtl] .al-be-34 {
  --al-bs: 34px !important;
}
html[dir=rtl] .al-ts-48 {
  --al-te: 48px !important;
}
html[dir=rtl] .al-te-48 {
  --al-ts: 48px !important;
}
html[dir=rtl] .al-bs-48 {
  --al-be: 48px !important;
}
html[dir=rtl] .al-be-48 {
  --al-bs: 48px !important;
}
html[dir=rtl] .al-ts-50 {
  --al-te: 50px !important;
}
html[dir=rtl] .al-te-50 {
  --al-ts: 50px !important;
}
html[dir=rtl] .al-bs-50 {
  --al-be: 50px !important;
}
html[dir=rtl] .al-be-50 {
  --al-bs: 50px !important;
}
html[dir=rtl] .al-ts-64 {
  --al-te: 64px !important;
}
html[dir=rtl] .al-te-64 {
  --al-ts: 64px !important;
}
html[dir=rtl] .al-bs-64 {
  --al-be: 64px !important;
}
html[dir=rtl] .al-be-64 {
  --al-bs: 64px !important;
}
html[dir=rtl] .al-ts-75 {
  --al-te: 75px !important;
}
html[dir=rtl] .al-te-75 {
  --al-ts: 75px !important;
}
html[dir=rtl] .al-bs-75 {
  --al-be: 75px !important;
}
html[dir=rtl] .al-be-75 {
  --al-bs: 75px !important;
}
html[dir=rtl] .al-ts-80 {
  --al-te: 80px !important;
}
html[dir=rtl] .al-te-80 {
  --al-ts: 80px !important;
}
html[dir=rtl] .al-bs-80 {
  --al-be: 80px !important;
}
html[dir=rtl] .al-be-80 {
  --al-bs: 80px !important;
}
html[dir=rtl] .al-ts-96 {
  --al-te: 96px !important;
}
html[dir=rtl] .al-te-96 {
  --al-ts: 96px !important;
}
html[dir=rtl] .al-bs-96 {
  --al-be: 96px !important;
}
html[dir=rtl] .al-be-96 {
  --al-bs: 96px !important;
}
html[dir=rtl] .al-ts-112 {
  --al-te: 112px !important;
}
html[dir=rtl] .al-te-112 {
  --al-ts: 112px !important;
}
html[dir=rtl] .al-bs-112 {
  --al-be: 112px !important;
}
html[dir=rtl] .al-be-112 {
  --al-bs: 112px !important;
}
html[dir=rtl] .al-extend-s-0 {
  --al-extend-e: 0px !important;
}
html[dir=rtl] .al-extend-e-0 {
  --al-extend-s: 0px !important;
}
html[dir=rtl] .al-s-0 {
  --al-e: 0px !important;
}
html[dir=rtl] .al-e-0 {
  --al-s: 0px !important;
}
html[dir=rtl] .al-extend-s-1 {
  --al-extend-e: 1px !important;
}
html[dir=rtl] .al-extend-e-1 {
  --al-extend-s: 1px !important;
}
html[dir=rtl] .al-s-1 {
  --al-e: 1px !important;
}
html[dir=rtl] .al-e-1 {
  --al-s: 1px !important;
}
html[dir=rtl] .al-extend-s-2 {
  --al-extend-e: 2px !important;
}
html[dir=rtl] .al-extend-e-2 {
  --al-extend-s: 2px !important;
}
html[dir=rtl] .al-s-2 {
  --al-e: 2px !important;
}
html[dir=rtl] .al-e-2 {
  --al-s: 2px !important;
}
html[dir=rtl] .al-extend-s-3 {
  --al-extend-e: 3px !important;
}
html[dir=rtl] .al-extend-e-3 {
  --al-extend-s: 3px !important;
}
html[dir=rtl] .al-s-3 {
  --al-e: 3px !important;
}
html[dir=rtl] .al-e-3 {
  --al-s: 3px !important;
}
html[dir=rtl] .al-extend-s-4 {
  --al-extend-e: 4px !important;
}
html[dir=rtl] .al-extend-e-4 {
  --al-extend-s: 4px !important;
}
html[dir=rtl] .al-s-4 {
  --al-e: 4px !important;
}
html[dir=rtl] .al-e-4 {
  --al-s: 4px !important;
}
html[dir=rtl] .al-extend-s-5 {
  --al-extend-e: 5px !important;
}
html[dir=rtl] .al-extend-e-5 {
  --al-extend-s: 5px !important;
}
html[dir=rtl] .al-s-5 {
  --al-e: 5px !important;
}
html[dir=rtl] .al-e-5 {
  --al-s: 5px !important;
}
html[dir=rtl] .al-extend-s-6 {
  --al-extend-e: 6px !important;
}
html[dir=rtl] .al-extend-e-6 {
  --al-extend-s: 6px !important;
}
html[dir=rtl] .al-s-6 {
  --al-e: 6px !important;
}
html[dir=rtl] .al-e-6 {
  --al-s: 6px !important;
}
html[dir=rtl] .al-extend-s-7 {
  --al-extend-e: 7px !important;
}
html[dir=rtl] .al-extend-e-7 {
  --al-extend-s: 7px !important;
}
html[dir=rtl] .al-s-7 {
  --al-e: 7px !important;
}
html[dir=rtl] .al-e-7 {
  --al-s: 7px !important;
}
html[dir=rtl] .al-extend-s-8 {
  --al-extend-e: 8px !important;
}
html[dir=rtl] .al-extend-e-8 {
  --al-extend-s: 8px !important;
}
html[dir=rtl] .al-s-8 {
  --al-e: 8px !important;
}
html[dir=rtl] .al-e-8 {
  --al-s: 8px !important;
}
html[dir=rtl] .al-extend-s-9 {
  --al-extend-e: 9px !important;
}
html[dir=rtl] .al-extend-e-9 {
  --al-extend-s: 9px !important;
}
html[dir=rtl] .al-s-9 {
  --al-e: 9px !important;
}
html[dir=rtl] .al-e-9 {
  --al-s: 9px !important;
}
html[dir=rtl] .al-extend-s-10 {
  --al-extend-e: 10px !important;
}
html[dir=rtl] .al-extend-e-10 {
  --al-extend-s: 10px !important;
}
html[dir=rtl] .al-s-10 {
  --al-e: 10px !important;
}
html[dir=rtl] .al-e-10 {
  --al-s: 10px !important;
}
html[dir=rtl] .al-extend-s-15 {
  --al-extend-e: 15px !important;
}
html[dir=rtl] .al-extend-e-15 {
  --al-extend-s: 15px !important;
}
html[dir=rtl] .al-s-15 {
  --al-e: 15px !important;
}
html[dir=rtl] .al-e-15 {
  --al-s: 15px !important;
}
html[dir=rtl] .al-extend-s-20 {
  --al-extend-e: 20px !important;
}
html[dir=rtl] .al-extend-e-20 {
  --al-extend-s: 20px !important;
}
html[dir=rtl] .al-s-20 {
  --al-e: 20px !important;
}
html[dir=rtl] .al-e-20 {
  --al-s: 20px !important;
}
html[dir=rtl] .al-extend-s-25 {
  --al-extend-e: 25px !important;
}
html[dir=rtl] .al-extend-e-25 {
  --al-extend-s: 25px !important;
}
html[dir=rtl] .al-s-25 {
  --al-e: 25px !important;
}
html[dir=rtl] .al-e-25 {
  --al-s: 25px !important;
}
html[dir=rtl] .al-extend-s-30 {
  --al-extend-e: 30px !important;
}
html[dir=rtl] .al-extend-e-30 {
  --al-extend-s: 30px !important;
}
html[dir=rtl] .al-s-30 {
  --al-e: 30px !important;
}
html[dir=rtl] .al-e-30 {
  --al-s: 30px !important;
}
html[dir=rtl] .al-extend-s-35 {
  --al-extend-e: 35px !important;
}
html[dir=rtl] .al-extend-e-35 {
  --al-extend-s: 35px !important;
}
html[dir=rtl] .al-s-35 {
  --al-e: 35px !important;
}
html[dir=rtl] .al-e-35 {
  --al-s: 35px !important;
}
html[dir=rtl] .al-extend-s-40 {
  --al-extend-e: 40px !important;
}
html[dir=rtl] .al-extend-e-40 {
  --al-extend-s: 40px !important;
}
html[dir=rtl] .al-s-40 {
  --al-e: 40px !important;
}
html[dir=rtl] .al-e-40 {
  --al-s: 40px !important;
}
html[dir=rtl] .al-extend-s-45 {
  --al-extend-e: 45px !important;
}
html[dir=rtl] .al-extend-e-45 {
  --al-extend-s: 45px !important;
}
html[dir=rtl] .al-s-45 {
  --al-e: 45px !important;
}
html[dir=rtl] .al-e-45 {
  --al-s: 45px !important;
}
html[dir=rtl] .al-extend-s-50 {
  --al-extend-e: 50px !important;
}
html[dir=rtl] .al-extend-e-50 {
  --al-extend-s: 50px !important;
}
html[dir=rtl] .al-s-50 {
  --al-e: 50px !important;
}
html[dir=rtl] .al-e-50 {
  --al-s: 50px !important;
}
html[dir=rtl] .al-extend-s-55 {
  --al-extend-e: 55px !important;
}
html[dir=rtl] .al-extend-e-55 {
  --al-extend-s: 55px !important;
}
html[dir=rtl] .al-s-55 {
  --al-e: 55px !important;
}
html[dir=rtl] .al-e-55 {
  --al-s: 55px !important;
}
html[dir=rtl] .al-extend-s-60 {
  --al-extend-e: 60px !important;
}
html[dir=rtl] .al-extend-e-60 {
  --al-extend-s: 60px !important;
}
html[dir=rtl] .al-s-60 {
  --al-e: 60px !important;
}
html[dir=rtl] .al-e-60 {
  --al-s: 60px !important;
}
html[dir=rtl] .al-extend-s-65 {
  --al-extend-e: 65px !important;
}
html[dir=rtl] .al-extend-e-65 {
  --al-extend-s: 65px !important;
}
html[dir=rtl] .al-s-65 {
  --al-e: 65px !important;
}
html[dir=rtl] .al-e-65 {
  --al-s: 65px !important;
}
html[dir=rtl] .al-extend-s-70 {
  --al-extend-e: 70px !important;
}
html[dir=rtl] .al-extend-e-70 {
  --al-extend-s: 70px !important;
}
html[dir=rtl] .al-s-70 {
  --al-e: 70px !important;
}
html[dir=rtl] .al-e-70 {
  --al-s: 70px !important;
}
html[dir=rtl] .al-extend-s-75 {
  --al-extend-e: 75px !important;
}
html[dir=rtl] .al-extend-e-75 {
  --al-extend-s: 75px !important;
}
html[dir=rtl] .al-s-75 {
  --al-e: 75px !important;
}
html[dir=rtl] .al-e-75 {
  --al-s: 75px !important;
}
html[dir=rtl] .al-extend-s-80 {
  --al-extend-e: 80px !important;
}
html[dir=rtl] .al-extend-e-80 {
  --al-extend-s: 80px !important;
}
html[dir=rtl] .al-s-80 {
  --al-e: 80px !important;
}
html[dir=rtl] .al-e-80 {
  --al-s: 80px !important;
}
html[dir=rtl] .al-extend-s-85 {
  --al-extend-e: 85px !important;
}
html[dir=rtl] .al-extend-e-85 {
  --al-extend-s: 85px !important;
}
html[dir=rtl] .al-s-85 {
  --al-e: 85px !important;
}
html[dir=rtl] .al-e-85 {
  --al-s: 85px !important;
}
html[dir=rtl] .al-extend-s-90 {
  --al-extend-e: 90px !important;
}
html[dir=rtl] .al-extend-e-90 {
  --al-extend-s: 90px !important;
}
html[dir=rtl] .al-s-90 {
  --al-e: 90px !important;
}
html[dir=rtl] .al-e-90 {
  --al-s: 90px !important;
}
html[dir=rtl] .al-extend-s-95 {
  --al-extend-e: 95px !important;
}
html[dir=rtl] .al-extend-e-95 {
  --al-extend-s: 95px !important;
}
html[dir=rtl] .al-s-95 {
  --al-e: 95px !important;
}
html[dir=rtl] .al-e-95 {
  --al-s: 95px !important;
}
html[dir=rtl] .al-extend-s-100 {
  --al-extend-e: 100px !important;
}
html[dir=rtl] .al-extend-e-100 {
  --al-extend-s: 100px !important;
}
html[dir=rtl] .al-s-100 {
  --al-e: 100px !important;
}
html[dir=rtl] .al-e-100 {
  --al-s: 100px !important;
}
html[dir=rtl] .al-extend-s-120 {
  --al-extend-e: 120px !important;
}
html[dir=rtl] .al-extend-e-120 {
  --al-extend-s: 120px !important;
}
html[dir=rtl] .al-s-120 {
  --al-e: 120px !important;
}
html[dir=rtl] .al-e-120 {
  --al-s: 120px !important;
}
html[dir=rtl] .al-extend-s-150 {
  --al-extend-e: 150px !important;
}
html[dir=rtl] .al-extend-e-150 {
  --al-extend-s: 150px !important;
}
html[dir=rtl] .al-s-150 {
  --al-e: 150px !important;
}
html[dir=rtl] .al-e-150 {
  --al-s: 150px !important;
}
html[dir=rtl] .al-extend-s-200 {
  --al-extend-e: 200px !important;
}
html[dir=rtl] .al-extend-e-200 {
  --al-extend-s: 200px !important;
}
html[dir=rtl] .al-s-200 {
  --al-e: 200px !important;
}
html[dir=rtl] .al-e-200 {
  --al-s: 200px !important;
}
html[dir=rtl] .al-extend-s-250 {
  --al-extend-e: 250px !important;
}
html[dir=rtl] .al-extend-e-250 {
  --al-extend-s: 250px !important;
}
html[dir=rtl] .al-s-250 {
  --al-e: 250px !important;
}
html[dir=rtl] .al-e-250 {
  --al-s: 250px !important;
}
html[dir=rtl] .al-center-s-0 {
  --al-center-e: 0% !important;
}
html[dir=rtl] .al-center-e-0 {
  --al-center-s: 0% !important;
}
html[dir=rtl] .al-center-s-10 {
  --al-center-e: 10% !important;
}
html[dir=rtl] .al-center-e-10 {
  --al-center-s: 10% !important;
}
html[dir=rtl] .al-center-s-25 {
  --al-center-e: 25% !important;
}
html[dir=rtl] .al-center-e-25 {
  --al-center-s: 25% !important;
}
html[dir=rtl] .al-center-s-50 {
  --al-center-e: 50% !important;
}
html[dir=rtl] .al-center-e-50 {
  --al-center-s: 50% !important;
}
html[dir=rtl] .al-center-s-75 {
  --al-center-e: 75% !important;
}
html[dir=rtl] .al-center-e-75 {
  --al-center-s: 75% !important;
}
html[dir=rtl] .al-center-s-90 {
  --al-center-e: 90% !important;
}
html[dir=rtl] .al-center-e-90 {
  --al-center-s: 90% !important;
}
html[dir=rtl] .al-center-s-100 {
  --al-center-e: 100% !important;
}
html[dir=rtl] .al-center-e-100 {
  --al-center-s: 100% !important;
}

/*====== Varibles start =====*/
.al-blur-0 {
  filter: blur(0px) !important;
}
.al-blur-2 {
  filter: blur(2px) !important;
}
.al-blur-4 {
  filter: blur(4px) !important;
}
.al-blur-8 {
  filter: blur(8px) !important;
}
.al-blur-16 {
  filter: blur(16px) !important;
}
.al-blur-32 {
  filter: blur(32px) !important;
}
.al-blur-64 {
  filter: blur(64px) !important;
}
.al-blur-100 {
  filter: blur(100px) !important;
}
.al-brightness-0 {
  filter: brightness(0%) !important;
}
.al-brightness-10 {
  filter: brightness(10%) !important;
}
.al-brightness-25 {
  filter: brightness(25%) !important;
}
.al-brightness-50 {
  filter: brightness(50%) !important;
}
.al-brightness-75 {
  filter: brightness(75%) !important;
}
.al-brightness-100 {
  filter: brightness(100%) !important;
}
.al-contrast-0 {
  filter: contrast(0%) !important;
}
.al-contrast-10 {
  filter: contrast(10%) !important;
}
.al-contrast-25 {
  filter: contrast(25%) !important;
}
.al-contrast-50 {
  filter: contrast(50%) !important;
}
.al-contrast-75 {
  filter: contrast(75%) !important;
}
.al-contrast-100 {
  filter: contrast(100%) !important;
}
.al-grayscale-0 {
  filter: grayscale(0%) !important;
}
.al-grayscale-10 {
  filter: grayscale(10%) !important;
}
.al-grayscale-25 {
  filter: grayscale(25%) !important;
}
.al-grayscale-50 {
  filter: grayscale(50%) !important;
}
.al-grayscale-75 {
  filter: grayscale(75%) !important;
}
.al-grayscale-100 {
  filter: grayscale(100%) !important;
}
.al-hue-rotate-0 {
  filter: hue-rotate(0deg) !important;
}
.al-hue-rotate-45 {
  filter: hue-rotate(45deg) !important;
}
.al-hue-rotate-90 {
  filter: hue-rotate(90deg) !important;
}
.al-hue-rotate-180 {
  filter: hue-rotate(180deg) !important;
}
.al-hue-rotate-270 {
  filter: hue-rotate(270deg) !important;
}
.al-hue-rotate-360 {
  filter: hue-rotate(360deg) !important;
}
.al-invert-0 {
  filter: invert(0%) !important;
}
.al-invert-10 {
  filter: invert(10%) !important;
}
.al-invert-25 {
  filter: invert(25%) !important;
}
.al-invert-50 {
  filter: invert(50%) !important;
}
.al-invert-75 {
  filter: invert(75%) !important;
}
.al-invert-100 {
  filter: invert(100%) !important;
}
.al-saturate-0 {
  filter: saturate(0%) !important;
}
.al-saturate-10 {
  filter: saturate(10%) !important;
}
.al-saturate-25 {
  filter: saturate(25%) !important;
}
.al-saturate-50 {
  filter: saturate(50%) !important;
}
.al-saturate-75 {
  filter: saturate(75%) !important;
}
.al-saturate-100 {
  filter: saturate(100%) !important;
}
.al-sepia-0 {
  filter: sepia(0%) !important;
}
.al-sepia-10 {
  filter: sepia(10%) !important;
}
.al-sepia-25 {
  filter: sepia(25%) !important;
}
.al-sepia-50 {
  filter: sepia(50%) !important;
}
.al-sepia-75 {
  filter: sepia(75%) !important;
}
.al-sepia-100 {
  filter: sepia(100%) !important;
}
.al-backdrop-blur-0 {
  backdrop-filter: blur(0px) !important;
}
.al-backdrop-blur-2 {
  backdrop-filter: blur(2px) !important;
}
.al-backdrop-blur-4 {
  backdrop-filter: blur(4px) !important;
}
.al-backdrop-blur-8 {
  backdrop-filter: blur(8px) !important;
}
.al-backdrop-blur-16 {
  backdrop-filter: blur(16px) !important;
}
.al-backdrop-blur-32 {
  backdrop-filter: blur(32px) !important;
}
.al-backdrop-blur-64 {
  backdrop-filter: blur(64px) !important;
}
.al-backdrop-blur-100 {
  backdrop-filter: blur(100px) !important;
}
.al-backdrop-brightness-0 {
  backdrop-filter: brightness(0%) !important;
}
.al-backdrop-brightness-10 {
  backdrop-filter: brightness(10%) !important;
}
.al-backdrop-brightness-25 {
  backdrop-filter: brightness(25%) !important;
}
.al-backdrop-brightness-50 {
  backdrop-filter: brightness(50%) !important;
}
.al-backdrop-brightness-75 {
  backdrop-filter: brightness(75%) !important;
}
.al-backdrop-brightness-100 {
  backdrop-filter: brightness(100%) !important;
}
.al-backdrop-contrast-0 {
  backdrop-filter: contrast(0%) !important;
}
.al-backdrop-contrast-10 {
  backdrop-filter: contrast(10%) !important;
}
.al-backdrop-contrast-25 {
  backdrop-filter: contrast(25%) !important;
}
.al-backdrop-contrast-50 {
  backdrop-filter: contrast(50%) !important;
}
.al-backdrop-contrast-75 {
  backdrop-filter: contrast(75%) !important;
}
.al-backdrop-contrast-100 {
  backdrop-filter: contrast(100%) !important;
}
.al-backdrop-grayscale-0 {
  backdrop-filter: grayscale(0%) !important;
}
.al-backdrop-grayscale-10 {
  backdrop-filter: grayscale(10%) !important;
}
.al-backdrop-grayscale-25 {
  backdrop-filter: grayscale(25%) !important;
}
.al-backdrop-grayscale-50 {
  backdrop-filter: grayscale(50%) !important;
}
.al-backdrop-grayscale-75 {
  backdrop-filter: grayscale(75%) !important;
}
.al-backdrop-grayscale-100 {
  backdrop-filter: grayscale(100%) !important;
}
.al-backdrop-hue-rotate-0 {
  backdrop-filter: hue-rotate(0deg) !important;
}
.al-backdrop-hue-rotate-45 {
  backdrop-filter: hue-rotate(45deg) !important;
}
.al-backdrop-hue-rotate-90 {
  backdrop-filter: hue-rotate(90deg) !important;
}
.al-backdrop-hue-rotate-180 {
  backdrop-filter: hue-rotate(180deg) !important;
}
.al-backdrop-hue-rotate-270 {
  backdrop-filter: hue-rotate(270deg) !important;
}
.al-backdrop-hue-rotate-360 {
  backdrop-filter: hue-rotate(360deg) !important;
}
.al-backdrop-invert-0 {
  backdrop-filter: invert(0%) !important;
}
.al-backdrop-invert-10 {
  backdrop-filter: invert(10%) !important;
}
.al-backdrop-invert-25 {
  backdrop-filter: invert(25%) !important;
}
.al-backdrop-invert-50 {
  backdrop-filter: invert(50%) !important;
}
.al-backdrop-invert-75 {
  backdrop-filter: invert(75%) !important;
}
.al-backdrop-invert-100 {
  backdrop-filter: invert(100%) !important;
}
.al-backdrop-saturate-0 {
  backdrop-filter: saturate(0%) !important;
}
.al-backdrop-saturate-10 {
  backdrop-filter: saturate(10%) !important;
}
.al-backdrop-saturate-25 {
  backdrop-filter: saturate(25%) !important;
}
.al-backdrop-saturate-50 {
  backdrop-filter: saturate(50%) !important;
}
.al-backdrop-saturate-75 {
  backdrop-filter: saturate(75%) !important;
}
.al-backdrop-saturate-100 {
  backdrop-filter: saturate(100%) !important;
}
.al-backdrop-sepia-0 {
  backdrop-filter: sepia(0%) !important;
}
.al-backdrop-sepia-10 {
  backdrop-filter: sepia(10%) !important;
}
.al-backdrop-sepia-25 {
  backdrop-filter: sepia(25%) !important;
}
.al-backdrop-sepia-50 {
  backdrop-filter: sepia(50%) !important;
}
.al-backdrop-sepia-75 {
  backdrop-filter: sepia(75%) !important;
}
.al-backdrop-sepia-100 {
  backdrop-filter: sepia(100%) !important;
}

/*====== Varibles start =====*/
.al-gap-0 {
  gap: 0rem !important;
}
.al-gap-1 {
  gap: 0.063rem !important;
}
.al-gap-2 {
  gap: 0.125rem !important;
}
.al-gap-3 {
  gap: 0.188rem !important;
}
.al-gap-4 {
  gap: 0.25rem !important;
}
.al-gap-5 {
  gap: 0.313rem !important;
}
.al-gap-6 {
  gap: 0.375rem !important;
}
.al-gap-7 {
  gap: 0.438rem !important;
}
.al-gap-8 {
  gap: 0.5rem !important;
}
.al-gap-9 {
  gap: 0.563rem !important;
}
.al-gap-10 {
  gap: 0.625rem !important;
}
.al-gap-12 {
  gap: 0.75rem !important;
}
.al-gap-16 {
  gap: 1rem !important;
}
.al-gap-18 {
  gap: 1.125rem !important;
}
.al-gap-20 {
  gap: 1.25rem !important;
}
.al-gap-22 {
  gap: 1.375rem !important;
}
.al-gap-24 {
  gap: 1.5rem !important;
}
.al-gap-25 {
  gap: 1.563rem !important;
}
.al-gap-26 {
  gap: 1.625rem !important;
}
.al-gap-28 {
  gap: 1.75rem !important;
}
.al-gap-30 {
  gap: 1.875rem !important;
}
.al-gap-32 {
  gap: 2rem !important;
}
.al-gap-36 {
  gap: 2.25rem !important;
}
.al-gap-40 {
  gap: 2.5rem !important;
}
.al-gap-45 {
  gap: 2.813rem !important;
}
.al-gap-48 {
  gap: 3rem !important;
}
.al-gap-50 {
  gap: 3.125rem !important;
}
.al-gap-55 {
  gap: 3.438rem !important;
}
.al-gap-56 {
  gap: 3.5rem !important;
}
.al-gap-60 {
  gap: 3.75rem !important;
}
.al-gap-64 {
  gap: 4rem !important;
}
.al-flex-center {
  align-items: center !important;
  justify-content: center !important;
}

.al-clip-line {
  height: 9px;
  clip-path: polygon(0% 100%, calc(100% - 10px) 100%, 100% calc(100% - 9px), calc(100% - 25px) calc(100% - 9px), calc(100% - 28px) calc(100% - 6px), calc(100% - 48px) calc(100% - 6px), calc(100% - 51px) calc(100% - 3px), calc(100% - 81px) calc(100% - 3px), calc(100% - 84px) calc(100% - 1px), 0% calc(100% - 1px));
}

.al-cursor-auto {
  cursor: auto !important;
}
.al-cursor-default {
  cursor: default !important;
}
.al-cursor-pointer {
  cursor: pointer !important;
}
.al-cursor-copy {
  cursor: copy !important;
}
.al-cursor-text {
  cursor: text !important;
}
.al-cursor-crosshair {
  cursor: crosshair !important;
}
.al-cursor-wait {
  cursor: wait !important;
}
.al-cursor-move {
  cursor: move !important;
}
.al-cursor-help {
  cursor: help !important;
}
.al-cursor-none {
  cursor: none !important;
}
.al-cursor-not-allowed {
  cursor: not-allowed !important;
}
.al-cursor-context-menu {
  cursor: context-menu !important;
}
.al-cursor-progress {
  cursor: progress !important;
}
.al-cursor-cell {
  cursor: cell !important;
}
.al-cursor-vertical-text {
  cursor: vertical-text !important;
}
.al-cursor-alias {
  cursor: alias !important;
}
.al-cursor-no-drop {
  cursor: no-drop !important;
}
.al-cursor-grab {
  cursor: grab !important;
}
.al-cursor-grabbing {
  cursor: grabbing !important;
}
.al-cursor-all-scroll {
  cursor: all-scroll !important;
}
.al-cursor-col-resize {
  cursor: col-resize !important;
}
.al-cursor-row-resize {
  cursor: row-resize !important;
}
.al-cursor-n-resize {
  cursor: n-resize !important;
}
.al-cursor-zoom-out {
  cursor: zoom-out !important;
}
.al-cursor-zoom-out {
  cursor: zoom-out !important;
}
.al-scroll-smooth {
  scroll-behavior: smooth !important;
}
.al-scroll-auto {
  scroll-behavior: auto !important;
}
.al-scroll-on-hover::-webkit-scrollbar {
  width: 3px;
  height: 3px;
}
.al-scroll-on-hover::-webkit-scrollbar-track {
  background: rgba(var(--bs-primary-rgb), 0);
  border-radius: 10px;
}
.al-scroll-on-hover::-webkit-scrollbar-thumb {
  background: rgba(var(--bs-primary-rgb), 0);
  border-radius: 10px;
}
.al-scroll-on-hover::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--bs-warning-rgb), 0);
}
.al-scroll-on-hover:hover::-webkit-scrollbar-track {
  background: rgba(var(--bs-primary-rgb), 0.15);
}
.al-scroll-on-hover:hover::-webkit-scrollbar-thumb {
  background: rgba(var(--bs-primary-rgb), 0.75);
}
.al-scroll-on-hover:hover::-webkit-scrollbar-thumb:hover {
  background: rgba(var(--bs-warning-rgb), 0.75);
}
.al-list-none {
  list-style: none !important;
}
.al-list-circle {
  list-style: circle !important;
}
.al-list-square {
  list-style: square !important;
}
.al-list-decimal {
  list-style: decimal !important;
}
.al-list-decimal-leading-zero {
  list-style: decimal-leading-zero !important;
}
.al-list-disc {
  list-style: disc !important;
}
.al-list-upper-roman {
  list-style: upper-roman !important;
}
.al-list-lower-roman {
  list-style: lower-roman !important;
}
.al-list-upper-alpha {
  list-style: upper-alpha !important;
}
.al-list-lower-alpha {
  list-style: lower-alpha !important;
}
.al-list-arabic-indic {
  list-style: arabic-indic !important;
}
.al-rtl {
  direction: rtl !important;
}
.al-ltr {
  direction: ltr !important;
}

.al-pattern-checks-sm {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color)), repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color));
  background-position: 0 0, 10px 10px;
  background-size: 20px 20px;
}
.al-pattern-checks-md {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color)), repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color));
  background-position: 0 0, 25px 25px;
  background-size: 50px 50px;
}
.al-pattern-checks-lg {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color)), repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color));
  background-position: 0 0, 50px 50px;
  background-size: 100px 100px;
}
.al-pattern-checks-xl {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color)), repeating-linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%, transparent 75%, var(--pattern-color) 75%, var(--pattern-color));
  background-position: 0 0, 100px 100px;
  background-size: 200px 200px;
}
.al-pattern-grid-sm {
  background-image: linear-gradient(var(--pattern-color) 1px, transparent 1px), linear-gradient(to right, var(--pattern-color) 1px, transparent 1px);
  background-size: 10px 10px;
}
.al-pattern-grid-md {
  background-image: linear-gradient(var(--pattern-color) 1px, transparent 1px), linear-gradient(to right, var(--pattern-color) 1px, transparent 1px);
  background-size: 25px 25px;
}
.al-pattern-grid-lg {
  background-image: linear-gradient(var(--pattern-color) 1px, transparent 1px), linear-gradient(to right, var(--pattern-color) 1px, transparent 1px);
  background-size: 50px 50px;
}
.al-pattern-grid-xl {
  background-image: linear-gradient(var(--pattern-color) 1px, transparent 1px), linear-gradient(to right, var(--pattern-color) 1px, transparent 1px);
  background-size: 100px 100px;
}
.al-pattern-grid-double {
  background-image: linear-gradient(var(--pattern-color) 1px, transparent 1px), linear-gradient(90deg, var(--pattern-color) 1px, transparent 1px), linear-gradient(var(--pattern-color) 1px, transparent 1px), linear-gradient(90deg, var(--pattern-color) 1px, transparent 1px) !important;
  background-size: 90px 90px, 90px 90px, 15px 15px, 15px 15px, 1% 100% !important;
  background-position: 16px 16px, 16px 16px, 16px 16px, 16px 16px, 0px 0px !important;
}
.al-pattern-dots-sm {
  background-image: radial-gradient(var(--pattern-color) 0.5px, transparent 0.5px);
  background-size: 5px 5px;
}
.al-pattern-dots-md {
  background-image: radial-gradient(var(--pattern-color) 1px, transparent 1px);
  background-size: 10px 10px;
}
.al-pattern-dots-lg {
  background-image: radial-gradient(var(--pattern-color) 1.5px, transparent 1.5px);
  background-size: 15px 15px;
}
.al-pattern-dots-xl {
  background-image: radial-gradient(var(--pattern-color) 2px, transparent 2px);
  background-size: 20px 20px;
}
.al-pattern-cross-dots-sm {
  background-image: radial-gradient(var(--pattern-color) 0.5px, transparent 0.5px), radial-gradient(var(--pattern-color) 0.5px, transparent 0.5px);
  background-size: 10px 10px;
  background-position: 0 0, 5px 5px;
}
.al-pattern-cross-dots-md {
  background-image: radial-gradient(var(--pattern-color) 1px, transparent 1px), radial-gradient(var(--pattern-color) 1px, transparent 1px);
  background-size: 20px 20px;
  background-position: 0 0, 10px 10px;
}
.al-pattern-cross-dots-lg {
  background-image: radial-gradient(var(--pattern-color) 2px, transparent 2px), radial-gradient(var(--pattern-color) 2px, transparent 2px);
  background-size: 40px 40px;
  background-position: 0 0, 20px 20px;
}
.al-pattern-cross-dots-xl {
  background-image: radial-gradient(var(--pattern-color) 1.5px, transparent 1.5px), radial-gradient(var(--pattern-color) 1.5px, transparent 1.5px);
  background-size: 30px 30px;
  background-position: 0 0, 15px 15px;
}
.al-pattern-diagonal-lines-sm {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 0, var(--pattern-color) 1px, transparent 0, transparent 50%);
  background-size: 10px 10px;
}
.al-pattern-diagonal-lines-md {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 0, var(--pattern-color) 1px, transparent 0, transparent 50%);
  background-size: 25px 25px;
}
.al-pattern-diagonal-lines-lg {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 0, var(--pattern-color) 1px, transparent 0, transparent 50%);
  background-size: 50px 50px;
}
.al-pattern-diagonal-lines-xl {
  background-image: repeating-linear-gradient(45deg, var(--pattern-color) 0, var(--pattern-color) 1px, transparent 0, transparent 50%);
  background-size: 100px 100px;
}
.al-pattern-horizontal-lines-sm {
  background-image: repeating-linear-gradient(0deg, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 10px 10px;
}
.al-pattern-horizontal-lines-md {
  background-image: repeating-linear-gradient(0deg, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 25px 25px;
}
.al-pattern-horizontal-lines-lg {
  background-image: repeating-linear-gradient(0deg, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 50px 50px;
}
.al-pattern-horizontal-lines-xl {
  background-image: repeating-linear-gradient(0deg, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 100px 100px;
}
.al-pattern-vertical-lines-sm {
  background-image: repeating-linear-gradient(to right, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 10px 10px;
}
.al-pattern-vertical-lines-md {
  background-image: repeating-linear-gradient(to right, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 25px 25px;
}
.al-pattern-vertical-lines-lg {
  background-image: repeating-linear-gradient(to right, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 50px 50px;
}
.al-pattern-vertical-lines-xl {
  background-image: repeating-linear-gradient(to right, var(--pattern-color), var(--pattern-color) 1px, transparent 1px, transparent);
  background-size: 100px 100px;
}
.al-pattern-diagonal-stripes-sm {
  background: repeating-linear-gradient(45deg, transparent, transparent 10px, var(--pattern-color) 10px, var(--pattern-color) 20px);
}
.al-pattern-diagonal-stripes-md {
  background: repeating-linear-gradient(45deg, transparent, transparent 25px, var(--pattern-color) 25px, var(--pattern-color) 50px);
}
.al-pattern-diagonal-stripes-lg {
  background: repeating-linear-gradient(45deg, transparent, transparent 50px, var(--pattern-color) 50px, var(--pattern-color) 100px);
}
.al-pattern-diagonal-stripes-xl {
  background: repeating-linear-gradient(45deg, transparent, transparent 100px, var(--pattern-color) 100px, var(--pattern-color) 200px);
}
.al-pattern-horizontal-stripes-sm {
  background-image: linear-gradient(0deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 10px 10px;
}
.al-pattern-horizontal-stripes-md {
  background-image: linear-gradient(0deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 25px 25px;
}
.al-pattern-horizontal-stripes-lg {
  background-image: linear-gradient(0deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 50px 50px;
}
.al-pattern-horizontal-stripes-xl {
  background-image: linear-gradient(0deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 100px 100px;
}
.al-pattern-vertical-stripes-sm {
  background-image: linear-gradient(90deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 10px 10px;
}
.al-pattern-vertical-stripes-md {
  background-image: linear-gradient(90deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 25px 25px;
}
.al-pattern-vertical-stripes-lg {
  background-image: linear-gradient(90deg, transparent 50% 50%, var(--pattern-color) 50%);
  background-size: 50px 50px;
}
.al-pattern-vertical-stripes-xl {
  background-image: linear-gradient(90deg, transparent 50%, var(--pattern-color) 50%);
  background-size: 100px 100px;
}
.al-pattern-triangles-sm {
  background-image: linear-gradient(45deg, var(--pattern-color) 50%, transparent 50%);
  background-size: 10px 10px;
}
.al-pattern-triangles-md {
  background-image: linear-gradient(45deg, var(--pattern-color) 50%, transparent 50%);
  background-size: 25px 25px;
}
.al-pattern-triangles-lg {
  background-image: linear-gradient(45deg, var(--pattern-color) 50%, transparent 50%);
  background-size: 50px 50px;
}
.al-pattern-triangles-xl {
  background-image: linear-gradient(45deg, var(--pattern-color) 50%, transparent 50%);
  background-size: 100px 100px;
}
.al-pattern-zigzag-sm {
  background: linear-gradient(135deg, var(--pattern-color) 25%, transparent 25%) -10px 0, linear-gradient(225deg, var(--pattern-color) 25%, transparent 25%) -10px 0, linear-gradient(315deg, var(--pattern-color) 25%, transparent 25%), linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%);
  background-size: 20px 20px;
}
.al-pattern-zigzag-md {
  background: linear-gradient(135deg, var(--pattern-color) 25%, transparent 25%) -25px 0, linear-gradient(225deg, var(--pattern-color) 25%, transparent 25%) -25px 0, linear-gradient(315deg, var(--pattern-color) 25%, transparent 25%), linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%);
  background-size: 50px 50px;
}
.al-pattern-zigzag-lg {
  background: linear-gradient(135deg, var(--pattern-color) 25%, transparent 25%) -50px 0, linear-gradient(225deg, var(--pattern-color) 25%, transparent 25%) -50px 0, linear-gradient(315deg, var(--pattern-color) 25%, transparent 25%), linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%);
  background-size: 100px 100px;
}
.al-pattern-zigzag-xl {
  background: linear-gradient(135deg, var(--pattern-color) 25%, transparent 25%) -100px 0, linear-gradient(225deg, var(--pattern-color) 25%, transparent 25%) -100px 0, linear-gradient(315deg, var(--pattern-color) 25%, transparent 25%), linear-gradient(45deg, var(--pattern-color) 25%, transparent 25%);
  background-size: 200px 200px;
}
.al-pattern-primary {
  --pattern-color: var(--bs-primary) ;
}
.al-pattern-secondary {
  --pattern-color: var(--bs-secondary) ;
}
.al-pattern-success {
  --pattern-color: var(--bs-success) ;
}
.al-pattern-warning {
  --pattern-color: var(--bs-warning) ;
}
.al-pattern-danger {
  --pattern-color: var(--bs-danger) ;
}
.al-pattern-info {
  --pattern-color: var(--bs-info) ;
}
.al-pattern-white {
  --pattern-color: var(--bs-white) ;
}
.al-pattern-black {
  --pattern-color: var(--bs-black) ;
}
.al-pattern-primary-2 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-2 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-2 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.02) !important;
}
.al-pattern-warning-2 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.02) !important;
}
.al-pattern-info-2 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.02) !important;
}
.al-pattern-danger-2 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.02) !important;
}
.al-pattern-white-2 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.02) !important;
}
.al-pattern-black-2 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.02) !important;
}
.al-pattern-primary-3 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-3 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-3 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.03) !important;
}
.al-pattern-warning-3 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.03) !important;
}
.al-pattern-info-3 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.03) !important;
}
.al-pattern-danger-3 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.03) !important;
}
.al-pattern-white-3 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.03) !important;
}
.al-pattern-black-3 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.03) !important;
}
.al-pattern-primary-4 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-4 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-4 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.04) !important;
}
.al-pattern-warning-4 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.04) !important;
}
.al-pattern-info-4 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.04) !important;
}
.al-pattern-danger-4 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.04) !important;
}
.al-pattern-white-4 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.04) !important;
}
.al-pattern-black-4 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.04) !important;
}
.al-pattern-primary-5 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-5 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-5 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-pattern-warning-5 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-pattern-info-5 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.05) !important;
}
.al-pattern-danger-5 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-pattern-white-5 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-pattern-black-5 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-pattern-primary-10 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-10 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-10 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-pattern-warning-10 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-pattern-info-10 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.1) !important;
}
.al-pattern-danger-10 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-pattern-white-10 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-pattern-black-10 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-pattern-primary-25 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-25 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-25 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-pattern-warning-25 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-pattern-info-25 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.25) !important;
}
.al-pattern-danger-25 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-pattern-white-25 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-pattern-black-25 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-pattern-primary-50 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-50 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-50 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-pattern-warning-50 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-pattern-info-50 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.5) !important;
}
.al-pattern-danger-50 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-pattern-white-50 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-pattern-black-50 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-pattern-primary-75 {
  --pattern-color: rgba(var(--bs-primary-rgb), $alpha: $value) !important;
}
.al-pattern-secondary-75 {
  --pattern-color: rgba(var(--bs-secondary-rgb), $alpha: $value) !important;
}
.al-pattern-success-75 {
  --pattern-color:rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-pattern-warning-75 {
  --pattern-color:rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-pattern-info-75 {
  --pattern-color:rgba(var(--bs-info-rgb), 0.75) !important;
}
.al-pattern-danger-75 {
  --pattern-color:rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-pattern-white-75 {
  --pattern-color:rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-pattern-black-75 {
  --pattern-color:rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-text-pattern {
  -webkit-background-clip: text;
  background-clip: text;
  -webkit-text-fill-color: transparent;
}

/*====== Varibles start =====*/
.al {
  /*=== position top +ve utilities ===*/
  /*=== position bottom +ve utilities ===*/
  /*=== position top -ve utilities ===*/
  /*=== position bottom -ve utilities ===*/
}
.al-top-0 {
  top: 0px !important;
}
.al-top-1 {
  top: 1px !important;
}
.al-top-2 {
  top: 2px !important;
}
.al-top-3 {
  top: 3px !important;
}
.al-top-4 {
  top: 4px !important;
}
.al-top-5 {
  top: 5px !important;
}
.al-top-6 {
  top: 6px !important;
}
.al-top-7 {
  top: 7px !important;
}
.al-top-8 {
  top: 8px !important;
}
.al-top-9 {
  top: 9px !important;
}
.al-top-10 {
  top: 10px !important;
}
.al-top-12 {
  top: 12px !important;
}
.al-top-14 {
  top: 14px !important;
}
.al-top-15 {
  top: 15px !important;
}
.al-top-16 {
  top: 16px !important;
}
.al-top-20 {
  top: 20px !important;
}
.al-top-24 {
  top: 24px !important;
}
.al-top-32 {
  top: 32px !important;
}
.al-top-48 {
  top: 48px !important;
}
.al-top-64 {
  top: 64px !important;
}
.al-bottom-0 {
  bottom: 0px !important;
}
.al-bottom-1 {
  bottom: 1px !important;
}
.al-bottom-2 {
  bottom: 2px !important;
}
.al-bottom-3 {
  bottom: 3px !important;
}
.al-bottom-4 {
  bottom: 4px !important;
}
.al-bottom-5 {
  bottom: 5px !important;
}
.al-bottom-6 {
  bottom: 6px !important;
}
.al-bottom-7 {
  bottom: 7px !important;
}
.al-bottom-8 {
  bottom: 8px !important;
}
.al-bottom-9 {
  bottom: 9px !important;
}
.al-bottom-10 {
  bottom: 10px !important;
}
.al-bottom-12 {
  bottom: 12px !important;
}
.al-bottom-14 {
  bottom: 14px !important;
}
.al-bottom-15 {
  bottom: 15px !important;
}
.al-bottom-16 {
  bottom: 16px !important;
}
.al-bottom-20 {
  bottom: 20px !important;
}
.al-bottom-24 {
  bottom: 24px !important;
}
.al-bottom-32 {
  bottom: 32px !important;
}
.al-bottom-48 {
  bottom: 48px !important;
}
.al-bottom-64 {
  bottom: 64px !important;
}
.al-top-n-0 {
  top: 0px !important;
}
.al-top-n-1 {
  top: -1px !important;
}
.al-top-n-2 {
  top: -2px !important;
}
.al-top-n-3 {
  top: -3px !important;
}
.al-top-n-4 {
  top: -4px !important;
}
.al-top-n-5 {
  top: -5px !important;
}
.al-top-n-6 {
  top: -6px !important;
}
.al-top-n-7 {
  top: -7px !important;
}
.al-top-n-8 {
  top: -8px !important;
}
.al-top-n-9 {
  top: -9px !important;
}
.al-top-n-10 {
  top: -10px !important;
}
.al-top-n-12 {
  top: -12px !important;
}
.al-top-n-14 {
  top: -14px !important;
}
.al-top-n-15 {
  top: -15px !important;
}
.al-top-n-16 {
  top: -16px !important;
}
.al-top-n-20 {
  top: -20px !important;
}
.al-top-n-24 {
  top: -24px !important;
}
.al-top-n-32 {
  top: -32px !important;
}
.al-top-n-48 {
  top: -48px !important;
}
.al-top-n-64 {
  top: -64px !important;
}
.al-bottom-n-0 {
  bottom: 0px !important;
}
.al-bottom-n-1 {
  bottom: -1px !important;
}
.al-bottom-n-2 {
  bottom: -2px !important;
}
.al-bottom-n-3 {
  bottom: -3px !important;
}
.al-bottom-n-4 {
  bottom: -4px !important;
}
.al-bottom-n-5 {
  bottom: -5px !important;
}
.al-bottom-n-6 {
  bottom: -6px !important;
}
.al-bottom-n-7 {
  bottom: -7px !important;
}
.al-bottom-n-8 {
  bottom: -8px !important;
}
.al-bottom-n-9 {
  bottom: -9px !important;
}
.al-bottom-n-10 {
  bottom: -10px !important;
}
.al-bottom-n-12 {
  bottom: -12px !important;
}
.al-bottom-n-14 {
  bottom: -14px !important;
}
.al-bottom-n-15 {
  bottom: -15px !important;
}
.al-bottom-n-16 {
  bottom: -16px !important;
}
.al-bottom-n-20 {
  bottom: -20px !important;
}
.al-bottom-n-24 {
  bottom: -24px !important;
}
.al-bottom-n-32 {
  bottom: -32px !important;
}
.al-bottom-n-48 {
  bottom: -48px !important;
}
.al-bottom-n-64 {
  bottom: -64px !important;
}
.al-object-center {
  top: 50% !important;
  left: 50% !important;
  transform: translate(-50%, -50%) !important;
}
.al-object-center-y {
  top: 50% !important;
  transform: translateY(-50%) !important;
}
.al-object-center-x {
  left: 50% !important;
  transform: translateX(-50%) !important;
}

/* ===== position (left & right) RTL & LTR ===== */
html[dir=ltr] .al {
  /*=== position start +ve utilities ===*/
  /*=== position end +ve utilities ===*/
  /*=== position start -ve utilities ===*/
  /*=== position end -ve utilities ===*/
}
html[dir=ltr] .al-start-0 {
  left: 0px !important;
}
html[dir=ltr] .al-start-1 {
  left: 1px !important;
}
html[dir=ltr] .al-start-2 {
  left: 2px !important;
}
html[dir=ltr] .al-start-3 {
  left: 3px !important;
}
html[dir=ltr] .al-start-4 {
  left: 4px !important;
}
html[dir=ltr] .al-start-5 {
  left: 5px !important;
}
html[dir=ltr] .al-start-6 {
  left: 6px !important;
}
html[dir=ltr] .al-start-7 {
  left: 7px !important;
}
html[dir=ltr] .al-start-8 {
  left: 8px !important;
}
html[dir=ltr] .al-start-9 {
  left: 9px !important;
}
html[dir=ltr] .al-start-10 {
  left: 10px !important;
}
html[dir=ltr] .al-start-12 {
  left: 12px !important;
}
html[dir=ltr] .al-start-14 {
  left: 14px !important;
}
html[dir=ltr] .al-start-15 {
  left: 15px !important;
}
html[dir=ltr] .al-start-16 {
  left: 16px !important;
}
html[dir=ltr] .al-start-20 {
  left: 20px !important;
}
html[dir=ltr] .al-start-24 {
  left: 24px !important;
}
html[dir=ltr] .al-start-32 {
  left: 32px !important;
}
html[dir=ltr] .al-start-48 {
  left: 48px !important;
}
html[dir=ltr] .al-start-64 {
  left: 64px !important;
}
html[dir=ltr] .al-end-0 {
  right: 0px !important;
}
html[dir=ltr] .al-end-1 {
  right: 1px !important;
}
html[dir=ltr] .al-end-2 {
  right: 2px !important;
}
html[dir=ltr] .al-end-3 {
  right: 3px !important;
}
html[dir=ltr] .al-end-4 {
  right: 4px !important;
}
html[dir=ltr] .al-end-5 {
  right: 5px !important;
}
html[dir=ltr] .al-end-6 {
  right: 6px !important;
}
html[dir=ltr] .al-end-7 {
  right: 7px !important;
}
html[dir=ltr] .al-end-8 {
  right: 8px !important;
}
html[dir=ltr] .al-end-9 {
  right: 9px !important;
}
html[dir=ltr] .al-end-10 {
  right: 10px !important;
}
html[dir=ltr] .al-end-12 {
  right: 12px !important;
}
html[dir=ltr] .al-end-14 {
  right: 14px !important;
}
html[dir=ltr] .al-end-15 {
  right: 15px !important;
}
html[dir=ltr] .al-end-16 {
  right: 16px !important;
}
html[dir=ltr] .al-end-20 {
  right: 20px !important;
}
html[dir=ltr] .al-end-24 {
  right: 24px !important;
}
html[dir=ltr] .al-end-32 {
  right: 32px !important;
}
html[dir=ltr] .al-end-48 {
  right: 48px !important;
}
html[dir=ltr] .al-end-64 {
  right: 64px !important;
}
html[dir=ltr] .al-start-n-0 {
  left: 0px !important;
}
html[dir=ltr] .al-start-n-1 {
  left: -1px !important;
}
html[dir=ltr] .al-start-n-2 {
  left: -2px !important;
}
html[dir=ltr] .al-start-n-3 {
  left: -3px !important;
}
html[dir=ltr] .al-start-n-4 {
  left: -4px !important;
}
html[dir=ltr] .al-start-n-5 {
  left: -5px !important;
}
html[dir=ltr] .al-start-n-6 {
  left: -6px !important;
}
html[dir=ltr] .al-start-n-7 {
  left: -7px !important;
}
html[dir=ltr] .al-start-n-8 {
  left: -8px !important;
}
html[dir=ltr] .al-start-n-9 {
  left: -9px !important;
}
html[dir=ltr] .al-start-n-10 {
  left: -10px !important;
}
html[dir=ltr] .al-start-n-12 {
  left: -12px !important;
}
html[dir=ltr] .al-start-n-14 {
  left: -14px !important;
}
html[dir=ltr] .al-start-n-15 {
  left: -15px !important;
}
html[dir=ltr] .al-start-n-16 {
  left: -16px !important;
}
html[dir=ltr] .al-start-n-20 {
  left: -20px !important;
}
html[dir=ltr] .al-start-n-24 {
  left: -24px !important;
}
html[dir=ltr] .al-start-n-32 {
  left: -32px !important;
}
html[dir=ltr] .al-start-n-48 {
  left: -48px !important;
}
html[dir=ltr] .al-start-n-64 {
  left: -64px !important;
}
html[dir=ltr] .al-end-n-0 {
  right: 0px !important;
}
html[dir=ltr] .al-end-n-1 {
  right: -1px !important;
}
html[dir=ltr] .al-end-n-2 {
  right: -2px !important;
}
html[dir=ltr] .al-end-n-3 {
  right: -3px !important;
}
html[dir=ltr] .al-end-n-4 {
  right: -4px !important;
}
html[dir=ltr] .al-end-n-5 {
  right: -5px !important;
}
html[dir=ltr] .al-end-n-6 {
  right: -6px !important;
}
html[dir=ltr] .al-end-n-7 {
  right: -7px !important;
}
html[dir=ltr] .al-end-n-8 {
  right: -8px !important;
}
html[dir=ltr] .al-end-n-9 {
  right: -9px !important;
}
html[dir=ltr] .al-end-n-10 {
  right: -10px !important;
}
html[dir=ltr] .al-end-n-12 {
  right: -12px !important;
}
html[dir=ltr] .al-end-n-14 {
  right: -14px !important;
}
html[dir=ltr] .al-end-n-15 {
  right: -15px !important;
}
html[dir=ltr] .al-end-n-16 {
  right: -16px !important;
}
html[dir=ltr] .al-end-n-20 {
  right: -20px !important;
}
html[dir=ltr] .al-end-n-24 {
  right: -24px !important;
}
html[dir=ltr] .al-end-n-32 {
  right: -32px !important;
}
html[dir=ltr] .al-end-n-48 {
  right: -48px !important;
}
html[dir=ltr] .al-end-n-64 {
  right: -64px !important;
}
html[dir=rtl] .al {
  /*=== position start +ve utilities ===*/
  /*=== position end +ve utilities ===*/
  /*=== position start -ve utilities ===*/
  /*=== position end -ve utilities ===*/
}
html[dir=rtl] .al-start-0 {
  right: 0px !important;
}
html[dir=rtl] .al-start-1 {
  right: 1px !important;
}
html[dir=rtl] .al-start-2 {
  right: 2px !important;
}
html[dir=rtl] .al-start-3 {
  right: 3px !important;
}
html[dir=rtl] .al-start-4 {
  right: 4px !important;
}
html[dir=rtl] .al-start-5 {
  right: 5px !important;
}
html[dir=rtl] .al-start-6 {
  right: 6px !important;
}
html[dir=rtl] .al-start-7 {
  right: 7px !important;
}
html[dir=rtl] .al-start-8 {
  right: 8px !important;
}
html[dir=rtl] .al-start-9 {
  right: 9px !important;
}
html[dir=rtl] .al-start-10 {
  right: 10px !important;
}
html[dir=rtl] .al-start-12 {
  right: 12px !important;
}
html[dir=rtl] .al-start-14 {
  right: 14px !important;
}
html[dir=rtl] .al-start-15 {
  right: 15px !important;
}
html[dir=rtl] .al-start-16 {
  right: 16px !important;
}
html[dir=rtl] .al-start-20 {
  right: 20px !important;
}
html[dir=rtl] .al-start-24 {
  right: 24px !important;
}
html[dir=rtl] .al-start-32 {
  right: 32px !important;
}
html[dir=rtl] .al-start-48 {
  right: 48px !important;
}
html[dir=rtl] .al-start-64 {
  right: 64px !important;
}
html[dir=rtl] .al-end-0 {
  left: 0px !important;
}
html[dir=rtl] .al-end-1 {
  left: 1px !important;
}
html[dir=rtl] .al-end-2 {
  left: 2px !important;
}
html[dir=rtl] .al-end-3 {
  left: 3px !important;
}
html[dir=rtl] .al-end-4 {
  left: 4px !important;
}
html[dir=rtl] .al-end-5 {
  left: 5px !important;
}
html[dir=rtl] .al-end-6 {
  left: 6px !important;
}
html[dir=rtl] .al-end-7 {
  left: 7px !important;
}
html[dir=rtl] .al-end-8 {
  left: 8px !important;
}
html[dir=rtl] .al-end-9 {
  left: 9px !important;
}
html[dir=rtl] .al-end-10 {
  left: 10px !important;
}
html[dir=rtl] .al-end-12 {
  left: 12px !important;
}
html[dir=rtl] .al-end-14 {
  left: 14px !important;
}
html[dir=rtl] .al-end-15 {
  left: 15px !important;
}
html[dir=rtl] .al-end-16 {
  left: 16px !important;
}
html[dir=rtl] .al-end-20 {
  left: 20px !important;
}
html[dir=rtl] .al-end-24 {
  left: 24px !important;
}
html[dir=rtl] .al-end-32 {
  left: 32px !important;
}
html[dir=rtl] .al-end-48 {
  left: 48px !important;
}
html[dir=rtl] .al-end-64 {
  left: 64px !important;
}
html[dir=rtl] .al-start-n-0 {
  right: 0px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-1 {
  right: -1px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-2 {
  right: -2px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-3 {
  right: -3px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-4 {
  right: -4px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-5 {
  right: -5px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-6 {
  right: -6px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-7 {
  right: -7px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-8 {
  right: -8px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-9 {
  right: -9px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-10 {
  right: -10px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-12 {
  right: -12px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-14 {
  right: -14px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-15 {
  right: -15px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-16 {
  right: -16px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-20 {
  right: -20px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-24 {
  right: -24px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-32 {
  right: -32px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-48 {
  right: -48px !important;
  left: inherit !important;
}
html[dir=rtl] .al-start-n-64 {
  right: -64px !important;
  left: inherit !important;
}
html[dir=rtl] .al-end-n-0 {
  left: 0px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-1 {
  left: -1px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-2 {
  left: -2px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-3 {
  left: -3px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-4 {
  left: -4px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-5 {
  left: -5px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-6 {
  left: -6px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-7 {
  left: -7px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-8 {
  left: -8px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-9 {
  left: -9px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-10 {
  left: -10px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-12 {
  left: -12px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-14 {
  left: -14px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-15 {
  left: -15px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-16 {
  left: -16px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-20 {
  left: -20px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-24 {
  left: -24px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-32 {
  left: -32px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-48 {
  left: -48px !important;
  right: inherit !important;
}
html[dir=rtl] .al-end-n-64 {
  left: -64px !important;
  right: inherit !important;
}

@media (min-width: 1400px) {
  .al-position-xxl-fixed {
    position: fixed !important;
  }
  .al-position-xxl-absolute {
    position: absolute !important;
  }
  .al-position-xxl-relative {
    position: relative !important;
  }
  .al-position-xxl-sticky {
    position: sticky !important;
  }
  .al-position-xxl-static {
    position: static !important;
  }
}
@media (min-width: 1200px) {
  .al-position-xl-fixed {
    position: fixed !important;
  }
  .al-position-xl-absolute {
    position: absolute !important;
  }
  .al-position-xl-relative {
    position: relative !important;
  }
  .al-position-xl-sticky {
    position: sticky !important;
  }
  .al-position-xl-static {
    position: static !important;
  }
}
@media (min-width: 992px) {
  .al-position-lg-fixed {
    position: fixed !important;
  }
  .al-position-lg-absolute {
    position: absolute !important;
  }
  .al-position-lg-relative {
    position: relative !important;
  }
  .al-position-lg-sticky {
    position: sticky !important;
  }
  .al-position-lg-static {
    position: static !important;
  }
}
@media (min-width: 768px) {
  .al-position-md-fixed {
    position: fixed !important;
  }
  .al-position-md-absolute {
    position: absolute !important;
  }
  .al-position-md-relative {
    position: relative !important;
  }
  .al-position-md-sticky {
    position: sticky !important;
  }
  .al-position-md-static {
    position: static !important;
  }
}
@media (min-width: 575px) {
  .al-position-sm-fixed {
    position: fixed !important;
  }
  .al-position-sm-absolute {
    position: absolute !important;
  }
  .al-position-sm-relative {
    position: relative !important;
  }
  .al-position-sm-sticky {
    position: sticky !important;
  }
  .al-position-sm-static {
    position: static !important;
  }
}
/*====== Varibles start =====*/
.al-placeholder-white::placeholder {
  color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-placeholder-black::placeholder {
  color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-placeholder-primary::placeholder {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-placeholder-secondary::placeholder {
  color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-placeholder-success::placeholder {
  color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-placeholder-warning::placeholder {
  color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-placeholder-danger::placeholder {
  color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-placeholder-white-0::placeholder {
  color: rgba(var(--bs-white-rgb), 0) !important;
}
.al-placeholder-black-0::placeholder {
  color: rgba(var(--bs-black-rgb), 0) !important;
}
.al-placeholder-primary-0::placeholder {
  color: rgba(var(--bs-primary-rgb), 0) !important;
}
.al-placeholder-secondary-0::placeholder {
  color: rgba(var(--bs-secondary-rgb), 0) !important;
}
.al-placeholder-success-0::placeholder {
  color: rgba(var(--bs-success-rgb), 0) !important;
}
.al-placeholder-warning-0::placeholder {
  color: rgba(var(--bs-warning-rgb), 0) !important;
}
.al-placeholder-danger-0::placeholder {
  color: rgba(var(--bs-danger-rgb), 0) !important;
}
.al-placeholder-white-5::placeholder {
  color: rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-placeholder-black-5::placeholder {
  color: rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-placeholder-primary-5::placeholder {
  color: rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-placeholder-secondary-5::placeholder {
  color: rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-placeholder-success-5::placeholder {
  color: rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-placeholder-warning-5::placeholder {
  color: rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-placeholder-danger-5::placeholder {
  color: rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-placeholder-white-10::placeholder {
  color: rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-placeholder-black-10::placeholder {
  color: rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-placeholder-primary-10::placeholder {
  color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-placeholder-secondary-10::placeholder {
  color: rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-placeholder-success-10::placeholder {
  color: rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-placeholder-warning-10::placeholder {
  color: rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-placeholder-danger-10::placeholder {
  color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-placeholder-white-25::placeholder {
  color: rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-placeholder-black-25::placeholder {
  color: rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-placeholder-primary-25::placeholder {
  color: rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-placeholder-secondary-25::placeholder {
  color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-placeholder-success-25::placeholder {
  color: rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-placeholder-warning-25::placeholder {
  color: rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-placeholder-danger-25::placeholder {
  color: rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-placeholder-white-50::placeholder {
  color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-placeholder-black-50::placeholder {
  color: rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-placeholder-primary-50::placeholder {
  color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-placeholder-secondary-50::placeholder {
  color: rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-placeholder-success-50::placeholder {
  color: rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-placeholder-warning-50::placeholder {
  color: rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-placeholder-danger-50::placeholder {
  color: rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-placeholder-white-75::placeholder {
  color: rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-placeholder-black-75::placeholder {
  color: rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-placeholder-primary-75::placeholder {
  color: rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-placeholder-secondary-75::placeholder {
  color: rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-placeholder-success-75::placeholder {
  color: rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-placeholder-warning-75::placeholder {
  color: rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-placeholder-danger-75::placeholder {
  color: rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-placeholder-white-100::placeholder {
  color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-placeholder-black-100::placeholder {
  color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-placeholder-primary-100::placeholder {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-placeholder-secondary-100::placeholder {
  color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-placeholder-success-100::placeholder {
  color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-placeholder-warning-100::placeholder {
  color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-placeholder-danger-100::placeholder {
  color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-no-focus:focus {
  outline: 0 !important;
}
.al-hover-text-primary:hover {
  color: var(--bs-primary) !important;
}
.al-hover-text-secondary:hover {
  color: var(--bs-secondary) !important;
}
.al-hover-text-warning:hover {
  color: var(--bs-warning) !important;
}
.al-hover-text-danger:hover {
  color: var(--bs-danger) !important;
}
.al-hover-text-success:hover {
  color: var(--bs-success) !important;
}
.al-hover-text-info:hover {
  color: var(--bs-success) !important;
}
.al-hover-text-white:hover {
  color: var(--bs-white) !important;
}
.al-hover-text-black:hover {
  color: var(--bs-black) !important;
}
.al-hover-text-primary-0:hover {
  color: rgba(var(--bs-primary-rgb), 0) !important;
}
.al-hover-text-secondary-0:hover {
  color: rgba(var(--bs-secondary-rgb), 0) !important;
}
.al-hover-text-success-0:hover {
  color: rgba(var(--bs-success-rgb), 0) !important;
}
.al-hover-text-warning-0:hover {
  color: rgba(var(--bs-warning-rgb), 0) !important;
}
.al-hover-text-danger-0:hover {
  color: rgba(var(--bs-danger-rgb), 0) !important;
}
.al-hover-text-white-0:hover {
  color: rgba(var(--bs-white-rgb), 0) !important;
}
.al-hover-text-black-0:hover {
  color: rgba(var(--bs-black-rgb), 0) !important;
}
.al-hover-text-primary-5:hover {
  color: rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-hover-text-secondary-5:hover {
  color: rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-hover-text-success-5:hover {
  color: rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-hover-text-warning-5:hover {
  color: rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-hover-text-danger-5:hover {
  color: rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-hover-text-white-5:hover {
  color: rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-hover-text-black-5:hover {
  color: rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-hover-text-primary-10:hover {
  color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-hover-text-secondary-10:hover {
  color: rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-hover-text-success-10:hover {
  color: rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-hover-text-warning-10:hover {
  color: rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-hover-text-danger-10:hover {
  color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-hover-text-white-10:hover {
  color: rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-hover-text-black-10:hover {
  color: rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-hover-text-primary-25:hover {
  color: rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-hover-text-secondary-25:hover {
  color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-hover-text-success-25:hover {
  color: rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-hover-text-warning-25:hover {
  color: rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-hover-text-danger-25:hover {
  color: rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-hover-text-white-25:hover {
  color: rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-hover-text-black-25:hover {
  color: rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-hover-text-primary-50:hover {
  color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-hover-text-secondary-50:hover {
  color: rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-hover-text-success-50:hover {
  color: rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-hover-text-warning-50:hover {
  color: rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-hover-text-danger-50:hover {
  color: rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-hover-text-white-50:hover {
  color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-hover-text-black-50:hover {
  color: rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-hover-text-primary-75:hover {
  color: rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-hover-text-secondary-75:hover {
  color: rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-hover-text-success-75:hover {
  color: rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-hover-text-warning-75:hover {
  color: rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-hover-text-danger-75:hover {
  color: rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-hover-text-white-75:hover {
  color: rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-hover-text-black-75:hover {
  color: rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-hover-text-primary-100:hover {
  color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-hover-text-secondary-100:hover {
  color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-hover-text-success-100:hover {
  color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-hover-text-warning-100:hover {
  color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-hover-text-danger-100:hover {
  color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-hover-text-white-100:hover {
  color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-hover-text-black-100:hover {
  color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-hover-bg-primary:hover {
  background-color: var(--bs-primary) !important;
}
.al-hover-bg-secondary:hover {
  background-color: var(--bs-secondary) !important;
}
.al-hover-bg-warning:hover {
  background-color: var(--bs-warning) !important;
}
.al-hover-bg-danger:hover {
  background-color: var(--bs-danger) !important;
}
.al-hover-bg-success:hover {
  background-color: var(--bs-success) !important;
}
.al-hover-bg-info:hover {
  background-color: var(--bs-success) !important;
}
.al-hover-bg-white:hover {
  background-color: var(--bs-white) !important;
}
.al-hover-bg-black:hover {
  background-color: var(--bs-black) !important;
}
.al-hover-bg-gradient-primary:hover {
  background: linear-gradient(to left bottom, var(--bs-secondary), var(--bs-primary));
}
.al-hover-bg-primary-0:hover {
  background-color: rgba(var(--bs-primary-rgb), 0) !important;
}
.al-hover-bg-secondary-0:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0) !important;
}
.al-hover-bg-success-0:hover {
  background-color: rgba(var(--bs-success-rgb), 0) !important;
}
.al-hover-bg-warning-0:hover {
  background-color: rgba(var(--bs-warning-rgb), 0) !important;
}
.al-hover-bg-danger-0:hover {
  background-color: rgba(var(--bs-danger-rgb), 0) !important;
}
.al-hover-bg-info-0:hover {
  background-color: rgba(var(--bs-info-rgb), 0) !important;
}
.al-hover-bg-white-0:hover {
  background-color: rgba(var(--bs-white-rgb), 0) !important;
}
.al-hover-bg-black-0:hover {
  background-color: rgba(var(--bs-black-rgb), 0) !important;
}
.al-hover-bg-primary-5:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-hover-bg-secondary-5:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-hover-bg-success-5:hover {
  background-color: rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-hover-bg-warning-5:hover {
  background-color: rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-hover-bg-danger-5:hover {
  background-color: rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-hover-bg-info-5:hover {
  background-color: rgba(var(--bs-info-rgb), 0.05) !important;
}
.al-hover-bg-white-5:hover {
  background-color: rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-hover-bg-black-5:hover {
  background-color: rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-hover-bg-primary-10:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-hover-bg-secondary-10:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-hover-bg-success-10:hover {
  background-color: rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-hover-bg-warning-10:hover {
  background-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-hover-bg-danger-10:hover {
  background-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-hover-bg-info-10:hover {
  background-color: rgba(var(--bs-info-rgb), 0.1) !important;
}
.al-hover-bg-white-10:hover {
  background-color: rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-hover-bg-black-10:hover {
  background-color: rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-hover-bg-primary-25:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-hover-bg-secondary-25:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-hover-bg-success-25:hover {
  background-color: rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-hover-bg-warning-25:hover {
  background-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-hover-bg-danger-25:hover {
  background-color: rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-hover-bg-info-25:hover {
  background-color: rgba(var(--bs-info-rgb), 0.25) !important;
}
.al-hover-bg-white-25:hover {
  background-color: rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-hover-bg-black-25:hover {
  background-color: rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-hover-bg-primary-50:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-hover-bg-secondary-50:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-hover-bg-success-50:hover {
  background-color: rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-hover-bg-warning-50:hover {
  background-color: rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-hover-bg-danger-50:hover {
  background-color: rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-hover-bg-info-50:hover {
  background-color: rgba(var(--bs-info-rgb), 0.5) !important;
}
.al-hover-bg-white-50:hover {
  background-color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-hover-bg-black-50:hover {
  background-color: rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-hover-bg-primary-75:hover {
  background-color: rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-hover-bg-secondary-75:hover {
  background-color: rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-hover-bg-success-75:hover {
  background-color: rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-hover-bg-warning-75:hover {
  background-color: rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-hover-bg-danger-75:hover {
  background-color: rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-hover-bg-info-75:hover {
  background-color: rgba(var(--bs-info-rgb), 0.75) !important;
}
.al-hover-bg-white-75:hover {
  background-color: rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-hover-bg-black-75:hover {
  background-color: rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-hover-bg-primary-100:hover {
  background-color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-hover-bg-secondary-100:hover {
  background-color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-hover-bg-success-100:hover {
  background-color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-hover-bg-warning-100:hover {
  background-color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-hover-bg-danger-100:hover {
  background-color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-hover-bg-info-100:hover {
  background-color: rgba(var(--bs-info-rgb), 1) !important;
}
.al-hover-bg-white-100:hover {
  background-color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-hover-bg-black-100:hover {
  background-color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-hover-border-primary:hover {
  border-color: var(--bs-primary) !important;
}
.al-hover-border-secondary:hover {
  border-color: var(--bs-secondary) !important;
}
.al-hover-border-warning:hover {
  border-color: var(--bs-warning) !important;
}
.al-hover-border-danger:hover {
  border-color: var(--bs-danger) !important;
}
.al-hover-border-success:hover {
  border-color: var(--bs-success) !important;
}
.al-hover-border-info:hover {
  border-color: var(--bs-success) !important;
}
.al-hover-border-white:hover {
  border-color: var(--bs-white) !important;
}
.al-hover-border-black:hover {
  border-color: var(--bs-black) !important;
}
.al-hover-border-primary-0:hover {
  border-color: rgba(var(--bs-primary-rgb), 0) !important;
}
.al-hover-border-secondary-0:hover {
  border-color: rgba(var(--bs-secondary-rgb), 0) !important;
}
.al-hover-border-success-0:hover {
  border-color: rgba(var(--bs-success-rgb), 0) !important;
}
.al-hover-border-warning-0:hover {
  border-color: rgba(var(--bs-warning-rgb), 0) !important;
}
.al-hover-border-danger-0:hover {
  border-color: rgba(var(--bs-danger-rgb), 0) !important;
}
.al-hover-border-white-0:hover {
  border-color: rgba(var(--bs-white-rgb), 0) !important;
}
.al-hover-border-black-0:hover {
  border-color: rgba(var(--bs-black-rgb), 0) !important;
}
.al-hover-border-primary-5:hover {
  border-color: rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-hover-border-secondary-5:hover {
  border-color: rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-hover-border-success-5:hover {
  border-color: rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-hover-border-warning-5:hover {
  border-color: rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-hover-border-danger-5:hover {
  border-color: rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-hover-border-white-5:hover {
  border-color: rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-hover-border-black-5:hover {
  border-color: rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-hover-border-primary-10:hover {
  border-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-hover-border-secondary-10:hover {
  border-color: rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-hover-border-success-10:hover {
  border-color: rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-hover-border-warning-10:hover {
  border-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-hover-border-danger-10:hover {
  border-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-hover-border-white-10:hover {
  border-color: rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-hover-border-black-10:hover {
  border-color: rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-hover-border-primary-25:hover {
  border-color: rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-hover-border-secondary-25:hover {
  border-color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-hover-border-success-25:hover {
  border-color: rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-hover-border-warning-25:hover {
  border-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-hover-border-danger-25:hover {
  border-color: rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-hover-border-white-25:hover {
  border-color: rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-hover-border-black-25:hover {
  border-color: rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-hover-border-primary-50:hover {
  border-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-hover-border-secondary-50:hover {
  border-color: rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-hover-border-success-50:hover {
  border-color: rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-hover-border-warning-50:hover {
  border-color: rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-hover-border-danger-50:hover {
  border-color: rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-hover-border-white-50:hover {
  border-color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-hover-border-black-50:hover {
  border-color: rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-hover-border-primary-75:hover {
  border-color: rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-hover-border-secondary-75:hover {
  border-color: rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-hover-border-success-75:hover {
  border-color: rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-hover-border-warning-75:hover {
  border-color: rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-hover-border-danger-75:hover {
  border-color: rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-hover-border-white-75:hover {
  border-color: rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-hover-border-black-75:hover {
  border-color: rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-hover-border-primary-100:hover {
  border-color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-hover-border-secondary-100:hover {
  border-color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-hover-border-success-100:hover {
  border-color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-hover-border-warning-100:hover {
  border-color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-hover-border-danger-100:hover {
  border-color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-hover-border-white-100:hover {
  border-color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-hover-border-black-100:hover {
  border-color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-hover-outline-primary:hover {
  outline-color: var(--bs-primary) !important;
}
.al-hover-outline-secondary:hover {
  outline-color: var(--bs-secondary) !important;
}
.al-hover-outline-warning:hover {
  outline-color: var(--bs-warning) !important;
}
.al-hover-outline-danger:hover {
  outline-color: var(--bs-danger) !important;
}
.al-hover-outline-success:hover {
  outline-color: var(--bs-success) !important;
}
.al-hover-outline-info:hover {
  outline-color: var(--bs-success) !important;
}
.al-hover-outline-white:hover {
  outline-color: var(--bs-white) !important;
}
.al-hover-outline-black:hover {
  outline-color: var(--bs-black) !important;
}
.al-hover-outline-primary-0:hover {
  outline-color: rgba(var(--bs-primary-rgb), 0) !important;
}
.al-hover-outline-secondary-0:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 0) !important;
}
.al-hover-outline-success-0:hover {
  outline-color: rgba(var(--bs-success-rgb), 0) !important;
}
.al-hover-outline-warning-0:hover {
  outline-color: rgba(var(--bs-warning-rgb), 0) !important;
}
.al-hover-outline-danger-0:hover {
  outline-color: rgba(var(--bs-danger-rgb), 0) !important;
}
.al-hover-outline-white-0:hover {
  outline-color: rgba(var(--bs-white-rgb), 0) !important;
}
.al-hover-outline-black-0:hover {
  outline-color: rgba(var(--bs-black-rgb), 0) !important;
}
.al-hover-outline-primary-5:hover {
  outline-color: rgba(var(--bs-primary-rgb), 0.05) !important;
}
.al-hover-outline-secondary-5:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 0.05) !important;
}
.al-hover-outline-success-5:hover {
  outline-color: rgba(var(--bs-success-rgb), 0.05) !important;
}
.al-hover-outline-warning-5:hover {
  outline-color: rgba(var(--bs-warning-rgb), 0.05) !important;
}
.al-hover-outline-danger-5:hover {
  outline-color: rgba(var(--bs-danger-rgb), 0.05) !important;
}
.al-hover-outline-white-5:hover {
  outline-color: rgba(var(--bs-white-rgb), 0.05) !important;
}
.al-hover-outline-black-5:hover {
  outline-color: rgba(var(--bs-black-rgb), 0.05) !important;
}
.al-hover-outline-primary-10:hover {
  outline-color: rgba(var(--bs-primary-rgb), 0.1) !important;
}
.al-hover-outline-secondary-10:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 0.1) !important;
}
.al-hover-outline-success-10:hover {
  outline-color: rgba(var(--bs-success-rgb), 0.1) !important;
}
.al-hover-outline-warning-10:hover {
  outline-color: rgba(var(--bs-warning-rgb), 0.1) !important;
}
.al-hover-outline-danger-10:hover {
  outline-color: rgba(var(--bs-danger-rgb), 0.1) !important;
}
.al-hover-outline-white-10:hover {
  outline-color: rgba(var(--bs-white-rgb), 0.1) !important;
}
.al-hover-outline-black-10:hover {
  outline-color: rgba(var(--bs-black-rgb), 0.1) !important;
}
.al-hover-outline-primary-25:hover {
  outline-color: rgba(var(--bs-primary-rgb), 0.25) !important;
}
.al-hover-outline-secondary-25:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 0.25) !important;
}
.al-hover-outline-success-25:hover {
  outline-color: rgba(var(--bs-success-rgb), 0.25) !important;
}
.al-hover-outline-warning-25:hover {
  outline-color: rgba(var(--bs-warning-rgb), 0.25) !important;
}
.al-hover-outline-danger-25:hover {
  outline-color: rgba(var(--bs-danger-rgb), 0.25) !important;
}
.al-hover-outline-white-25:hover {
  outline-color: rgba(var(--bs-white-rgb), 0.25) !important;
}
.al-hover-outline-black-25:hover {
  outline-color: rgba(var(--bs-black-rgb), 0.25) !important;
}
.al-hover-outline-primary-50:hover {
  outline-color: rgba(var(--bs-primary-rgb), 0.5) !important;
}
.al-hover-outline-secondary-50:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 0.5) !important;
}
.al-hover-outline-success-50:hover {
  outline-color: rgba(var(--bs-success-rgb), 0.5) !important;
}
.al-hover-outline-warning-50:hover {
  outline-color: rgba(var(--bs-warning-rgb), 0.5) !important;
}
.al-hover-outline-danger-50:hover {
  outline-color: rgba(var(--bs-danger-rgb), 0.5) !important;
}
.al-hover-outline-white-50:hover {
  outline-color: rgba(var(--bs-white-rgb), 0.5) !important;
}
.al-hover-outline-black-50:hover {
  outline-color: rgba(var(--bs-black-rgb), 0.5) !important;
}
.al-hover-outline-primary-75:hover {
  outline-color: rgba(var(--bs-primary-rgb), 0.75) !important;
}
.al-hover-outline-secondary-75:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 0.75) !important;
}
.al-hover-outline-success-75:hover {
  outline-color: rgba(var(--bs-success-rgb), 0.75) !important;
}
.al-hover-outline-warning-75:hover {
  outline-color: rgba(var(--bs-warning-rgb), 0.75) !important;
}
.al-hover-outline-danger-75:hover {
  outline-color: rgba(var(--bs-danger-rgb), 0.75) !important;
}
.al-hover-outline-white-75:hover {
  outline-color: rgba(var(--bs-white-rgb), 0.75) !important;
}
.al-hover-outline-black-75:hover {
  outline-color: rgba(var(--bs-black-rgb), 0.75) !important;
}
.al-hover-outline-primary-100:hover {
  outline-color: rgba(var(--bs-primary-rgb), 1) !important;
}
.al-hover-outline-secondary-100:hover {
  outline-color: rgba(var(--bs-secondary-rgb), 1) !important;
}
.al-hover-outline-success-100:hover {
  outline-color: rgba(var(--bs-success-rgb), 1) !important;
}
.al-hover-outline-warning-100:hover {
  outline-color: rgba(var(--bs-warning-rgb), 1) !important;
}
.al-hover-outline-danger-100:hover {
  outline-color: rgba(var(--bs-danger-rgb), 1) !important;
}
.al-hover-outline-white-100:hover {
  outline-color: rgba(var(--bs-white-rgb), 1) !important;
}
.al-hover-outline-black-100:hover {
  outline-color: rgba(var(--bs-black-rgb), 1) !important;
}
.al-hover-rotate-360:hover {
  transform: rotate(360deg) !important;
}
.al-hover-rotate-270:hover {
  transform: rotate(270deg) !important;
}
.al-hover-rotate-180:hover {
  transform: rotate(180deg) !important;
}
.al-hover-rotate-90:hover {
  transform: rotate(90deg) !important;
}
.al-hover-rotate-45:hover {
  transform: rotate(45deg) !important;
}
.al-hover-scale-1:hover {
  transform: scale(1.15) !important;
}
.al-hover-scale-2:hover {
  transform: scale(1.25) !important;
}
.al-hover-scale-3:hover {
  transform: scale(1.75) !important;
}
.al-hover-scale-4:hover {
  transform: scale(2) !important;
}
.al-hover-scale-5:hover {
  transform: scale(2.5) !important;
}
.al-hover-border-gradient:hover {
  --al-be-border-angle: 0turn;
  border: solid var(--bs-border-width) transparent;
  background: conic-gradient(from var(--al-border-angle), #213, #112 5%, #112 60%, #213 95%) padding-box, conic-gradient(from var(--al-border-angle), transparent 25%, #08f, #f03 99%, transparent) border-box;
  animation-name: be-bg-spin;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes be-bg-spin {
  to {
    --al-border-angle: 1turn;
  }
}
.al-hover-glass-shine {
  overflow: hidden;
}
.al-hover-glass-shine:before {
  content: "";
  position: absolute;
  top: -25%;
  height: 200%;
  width: 50px;
  transform: rotate(30deg);
  background-color: rgba(255, 255, 255, 0.75);
  left: -100%;
}
.al-hover-glass-shine:hover:before {
  transition: left 1200ms ease;
  left: 130%;
}
.al-hover-glow {
  position: relative;
}
.al-hover-glow:before {
  content: "";
  position: absolute;
  z-index: -1;
  background: linear-gradient(320deg, #e91e63, #ff5722, #ffeb3b, #b9ff68, #0fac81, #084298, #771afe, #970374, #e91e63);
  top: -4px;
  left: -4px;
  background-size: 500%;
  filter: blur(5px);
  width: calc(100% + 8px);
  height: calc(100% + 8px);
  animation: be-animation-glowing 15s linear infinite;
  opacity: 0;
  transition: opacity 0.5s ease-in-out;
}
.al-hover-glow:hover:before {
  opacity: 1;
}
.al-hover-glow-pill:before {
  border-radius: 9999999px !important;
}
.al-hover-glow-circle:before {
  border-radius: 50% !important;
}
@keyframes be-animation-glowing {
  0% {
    background-position: 0 0;
  }
  50% {
    background-position: 500% 0;
  }
  100% {
    background-position: 0 0;
  }
}
.al-hover-shadow {
  transition: 0.5s;
}
.al-hover-shadow:hover, .al-hover-shadow:focus {
  animation: be-animation-shadow 1s;
  box-shadow: 0 0 0 30px rgba(151, 3, 116, 0);
}
.al-hover-shadow-infinite:hover, .al-hover-shadow-infinite:focus {
  animation: be-animation-shadow 1s infinite;
  box-shadow: 0 0 0 30px rgba(151, 3, 116, 0);
}
@keyframes be-animation-shadow {
  0% {
    box-shadow: 0 0 0 0 currentColor;
  }
}
.al-hover-fancy-border {
  position: relative;
}
.al-hover-fancy-border:before, .al-hover-fancy-border:after {
  content: "";
  width: 0;
  height: 2px;
  position: absolute;
  transition: all 0.2s linear;
  background: currentColor;
}
.al-hover-fancy-border .al-hover-fancy-border-line:before, .al-hover-fancy-border .al-hover-fancy-border-line:after {
  content: "";
  width: 2px;
  height: 0;
  position: absolute;
  transition: all 0.2s linear;
  background: currentColor;
}
.al-hover-fancy-border:hover:before, .al-hover-fancy-border:hover:after {
  width: 100%;
}
.al-hover-fancy-border:hover .al-hover-fancy-border-line:before, .al-hover-fancy-border:hover .al-hover-fancy-border-line:after {
  height: 100%;
}
.al-hover-fancy-border-1:before, .al-hover-fancy-border-1:after {
  transition-delay: 0.2s;
}
.al-hover-fancy-border-1:before {
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}
.al-hover-fancy-border-1:after {
  left: 0;
  bottom: 0;
}
.al-hover-fancy-border-1 .al-hover-fancy-border-line:before, .al-hover-fancy-border-1 .al-hover-fancy-border-line:after {
  transition-delay: 0s;
}
.al-hover-fancy-border-1 .al-hover-fancy-border-line::before {
  left: 0;
  top: 0;
}
.al-hover-fancy-border-1 .al-hover-fancy-border-line::after {
  right: 0;
  bottom: 0;
}
.al-hover-fancy-border-1:hover::before, .al-hover-fancy-border-1:hover::after {
  transition-delay: 0s;
}
.al-hover-fancy-border-1:hover .al-hover-fancy-border-line::before, .al-hover-fancy-border-1:hover .al-hover-fancy-border-line::after {
  transition-delay: 0.2s;
}
.al-hover-fancy-border-2:before, .al-hover-fancy-border-2:after {
  transition-delay: 0s;
}
.al-hover-fancy-border-2:before {
  right: 0;
  top: 0;
}
.al-hover-fancy-border-2:after {
  left: 0;
  bottom: 0;
}
.al-hover-fancy-border-2 .al-hover-fancy-border-line:before, .al-hover-fancy-border-2 .al-hover-fancy-border-line:after {
  transition-delay: 0.2s;
}
.al-hover-fancy-border-2 .al-hover-fancy-border-line:before {
  left: 0;
  top: 0;
}
.al-hover-fancy-border-2 .al-hover-fancy-border-line:after {
  right: 0;
  bottom: 0;
}
.al-hover-fancy-border-2:hover::before, .al-hover-fancy-border-2:hover::after {
  transition-delay: 0.2s;
}
.al-hover-fancy-border-2:hover .al-hover-fancy-border-line::before, .al-hover-fancy-border-2:hover .al-hover-fancy-border-line::after {
  transition-delay: 0s;
}
.al-hover-fancy-border-3:before {
  right: 0;
  top: 0;
  transition-delay: 0.2s;
}
.al-hover-fancy-border-3:after {
  left: 0;
  bottom: 0;
  transition-delay: 0.6s;
}
.al-hover-fancy-border-3 .al-hover-fancy-border-line:before {
  transition-delay: 0s;
  left: 0;
  top: 0;
}
.al-hover-fancy-border-3 .al-hover-fancy-border-line:after {
  transition-delay: 0.4s;
  right: 0;
  bottom: 0;
}
.al-hover-fancy-border-3:hover::before {
  transition-delay: 0.4s;
}
.al-hover-fancy-border-3:hover::after {
  transition-delay: 0s;
}
.al-hover-fancy-border-3:hover .al-hover-fancy-border-line::before {
  transition-delay: 0.6s;
}
.al-hover-fancy-border-3:hover .al-hover-fancy-border-line::after {
  transition-delay: 0.2s;
}
.al-hover-fancy-border-4:before {
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-4:after {
  right: 0;
  bottom: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-4 .al-hover-fancy-border-line:before {
  left: 0;
  top: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-4 .al-hover-fancy-border-line:after {
  right: 0;
  bottom: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-5:before {
  right: 0;
  top: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-5:after {
  left: 0;
  bottom: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-5 .al-hover-fancy-border-line:before {
  left: 0;
  bottom: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-5 .al-hover-fancy-border-line:after {
  right: 0;
  top: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-6:before {
  left: 50%;
  top: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-6:after {
  left: 50%;
  bottom: 0;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-6 .al-hover-fancy-border-line:before {
  left: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-6 .al-hover-fancy-border-line:after {
  right: 0;
  top: 50%;
  transition-duration: 0.4s;
}
.al-hover-fancy-border-6:hover::before, .al-hover-fancy-border-6:hover::after {
  left: 0;
}
.al-hover-fancy-border-6:hover .al-hover-fancy-border-line::before, .al-hover-fancy-border-6:hover .al-hover-fancy-border-line::after {
  top: 0;
}
.al-hover-show-hide {
  display: none;
}
.al-hover-show:hover .al-hover-show-hide {
  display: block;
}
.al-hover-stop-animation:hover {
  animation-play-state: paused !important;
}
.al-fancy-border {
  position: relative;
}
.al-fancy-border::after, .al-fancy-border::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 30%;
  border: 2px solid;
  transition: all 0.6s ease;
}
.al-fancy-border::before {
  top: -6px;
  left: -6px;
  border-color: currentColor transparent transparent currentColor;
}
.al-fancy-border::after {
  bottom: -6px;
  right: -6px;
  border-color: transparent currentColor currentColor transparent;
}
.al-fancy-border-size-10::after, .al-fancy-border-size-10::before {
  width: 10px;
  height: 10px;
}
.al-fancy-border-size-20::after, .al-fancy-border-size-20::before {
  width: 20px;
  height: 20px;
}
.al-fancy-border-size-30::after, .al-fancy-border-size-30::before {
  width: 30px;
  height: 30px;
}
.al-fancy-border-size-40::after, .al-fancy-border-size-40::before {
  width: 40px;
  height: 40px;
}
.al-fancy-border-size-50::after, .al-fancy-border-size-50::before {
  width: 50px;
  height: 50px;
}
.al-fancy-border-size-60::after, .al-fancy-border-size-60::before {
  width: 60px;
  height: 60px;
}
.al-fancy-border-size-70::after, .al-fancy-border-size-70::before {
  width: 70px;
  height: 70px;
}
.al-fancy-border-size-80::after, .al-fancy-border-size-80::before {
  width: 80px;
  height: 80px;
}
.al-fancy-border-size-90::after, .al-fancy-border-size-90::before {
  width: 90px;
  height: 90px;
}
.al-fancy-border-size-100::after, .al-fancy-border-size-100::before {
  width: 100px;
  height: 100px;
}
.al-fancy-border:hover::before, .al-fancy-border:hover::after {
  width: calc(100% + 12px);
  height: calc(100% + 12px);
}
.al-fancy-border-double {
  position: relative;
}
.al-fancy-border-double::after, .al-fancy-border-double::before {
  content: "";
  position: absolute;
  width: 20%;
  height: 20%;
  border: 2px solid;
  transition: all 0.6s ease;
}
.al-fancy-border-double::before {
  top: -6px;
  left: -6px;
  border-color: currentColor transparent transparent currentColor;
}
.al-fancy-border-double::after {
  bottom: -6px;
  right: -6px;
  border-color: transparent currentColor currentColor transparent;
}
.al-fancy-border-double-size-10::after, .al-fancy-border-double-size-10::before {
  width: 10px;
  height: 10px;
}
.al-fancy-border-double-size-20::after, .al-fancy-border-double-size-20::before {
  width: 20px;
  height: 20px;
}
.al-fancy-border-double-size-30::after, .al-fancy-border-double-size-30::before {
  width: 30px;
  height: 30px;
}
.al-fancy-border-double-size-40::after, .al-fancy-border-double-size-40::before {
  width: 40px;
  height: 40px;
}
.al-fancy-border-double-size-50::after, .al-fancy-border-double-size-50::before {
  width: 50px;
  height: 50px;
}
.al-fancy-border-double-size-60::after, .al-fancy-border-double-size-60::before {
  width: 60px;
  height: 60px;
}
.al-fancy-border-double-size-70::after, .al-fancy-border-double-size-70::before {
  width: 70px;
  height: 70px;
}
.al-fancy-border-double-size-80::after, .al-fancy-border-double-size-80::before {
  width: 80px;
  height: 80px;
}
.al-fancy-border-double-size-90::after, .al-fancy-border-double-size-90::before {
  width: 90px;
  height: 90px;
}
.al-fancy-border-double-size-100::after, .al-fancy-border-double-size-100::before {
  width: 100px;
  height: 100px;
}
.al-fancy-border-double:hover::before, .al-fancy-border-double:hover::after {
  border-color: currentColor;
  width: calc(100% + 22px);
  height: calc(100% + 22px);
}
.al-no-before::before {
  display: none !important;
}
.al-no-after::after {
  display: none !important;
}

/*====== Varibles start =====*/
.al-w-1 {
  width: 0.063rem !important;
}
.al-h-1 {
  height: 0.063rem !important;
}
.al-size-1 {
  min-width: 0.063rem !important;
  width: 0.063rem !important;
  height: 0.063rem !important;
}
.al-w-2 {
  width: 0.125rem !important;
}
.al-h-2 {
  height: 0.125rem !important;
}
.al-size-2 {
  min-width: 0.125rem !important;
  width: 0.125rem !important;
  height: 0.125rem !important;
}
.al-w-3 {
  width: 0.188rem !important;
}
.al-h-3 {
  height: 0.188rem !important;
}
.al-size-3 {
  min-width: 0.188rem !important;
  width: 0.188rem !important;
  height: 0.188rem !important;
}
.al-w-4 {
  width: 0.25rem !important;
}
.al-h-4 {
  height: 0.25rem !important;
}
.al-size-4 {
  min-width: 0.25rem !important;
  width: 0.25rem !important;
  height: 0.25rem !important;
}
.al-w-5 {
  width: 0.313rem !important;
}
.al-h-5 {
  height: 0.313rem !important;
}
.al-size-5 {
  min-width: 0.313rem !important;
  width: 0.313rem !important;
  height: 0.313rem !important;
}
.al-w-6 {
  width: 0.375rem !important;
}
.al-h-6 {
  height: 0.375rem !important;
}
.al-size-6 {
  min-width: 0.375rem !important;
  width: 0.375rem !important;
  height: 0.375rem !important;
}
.al-w-7 {
  width: 0.438rem !important;
}
.al-h-7 {
  height: 0.438rem !important;
}
.al-size-7 {
  min-width: 0.438rem !important;
  width: 0.438rem !important;
  height: 0.438rem !important;
}
.al-w-8 {
  width: 0.5rem !important;
}
.al-h-8 {
  height: 0.5rem !important;
}
.al-size-8 {
  min-width: 0.5rem !important;
  width: 0.5rem !important;
  height: 0.5rem !important;
}
.al-w-9 {
  width: 0.563rem !important;
}
.al-h-9 {
  height: 0.563rem !important;
}
.al-size-9 {
  min-width: 0.563rem !important;
  width: 0.563rem !important;
  height: 0.563rem !important;
}
.al-w-10 {
  width: 0.625rem !important;
}
.al-h-10 {
  height: 0.625rem !important;
}
.al-size-10 {
  min-width: 0.625rem !important;
  width: 0.625rem !important;
  height: 0.625rem !important;
}
.al-w-12 {
  width: 0.75rem !important;
}
.al-h-12 {
  height: 0.75rem !important;
}
.al-size-12 {
  min-width: 0.75rem !important;
  width: 0.75rem !important;
  height: 0.75rem !important;
}
.al-w-16 {
  width: 1rem !important;
}
.al-h-16 {
  height: 1rem !important;
}
.al-size-16 {
  min-width: 1rem !important;
  width: 1rem !important;
  height: 1rem !important;
}
.al-w-18 {
  width: 1.125rem !important;
}
.al-h-18 {
  height: 1.125rem !important;
}
.al-size-18 {
  min-width: 1.125rem !important;
  width: 1.125rem !important;
  height: 1.125rem !important;
}
.al-w-20 {
  width: 1.25rem !important;
}
.al-h-20 {
  height: 1.25rem !important;
}
.al-size-20 {
  min-width: 1.25rem !important;
  width: 1.25rem !important;
  height: 1.25rem !important;
}
.al-w-22 {
  width: 1.375rem !important;
}
.al-h-22 {
  height: 1.375rem !important;
}
.al-size-22 {
  min-width: 1.375rem !important;
  width: 1.375rem !important;
  height: 1.375rem !important;
}
.al-w-24 {
  width: 1.5rem !important;
}
.al-h-24 {
  height: 1.5rem !important;
}
.al-size-24 {
  min-width: 1.5rem !important;
  width: 1.5rem !important;
  height: 1.5rem !important;
}
.al-w-25 {
  width: 1.563rem !important;
}
.al-h-25 {
  height: 1.563rem !important;
}
.al-size-25 {
  min-width: 1.563rem !important;
  width: 1.563rem !important;
  height: 1.563rem !important;
}
.al-w-26 {
  width: 1.625rem !important;
}
.al-h-26 {
  height: 1.625rem !important;
}
.al-size-26 {
  min-width: 1.625rem !important;
  width: 1.625rem !important;
  height: 1.625rem !important;
}
.al-w-28 {
  width: 1.75rem !important;
}
.al-h-28 {
  height: 1.75rem !important;
}
.al-size-28 {
  min-width: 1.75rem !important;
  width: 1.75rem !important;
  height: 1.75rem !important;
}
.al-w-30 {
  width: 1.875rem !important;
}
.al-h-30 {
  height: 1.875rem !important;
}
.al-size-30 {
  min-width: 1.875rem !important;
  width: 1.875rem !important;
  height: 1.875rem !important;
}
.al-w-32 {
  width: 2rem !important;
}
.al-h-32 {
  height: 2rem !important;
}
.al-size-32 {
  min-width: 2rem !important;
  width: 2rem !important;
  height: 2rem !important;
}
.al-w-36 {
  width: 2.25rem !important;
}
.al-h-36 {
  height: 2.25rem !important;
}
.al-size-36 {
  min-width: 2.25rem !important;
  width: 2.25rem !important;
  height: 2.25rem !important;
}
.al-w-40 {
  width: 2.5rem !important;
}
.al-h-40 {
  height: 2.5rem !important;
}
.al-size-40 {
  min-width: 2.5rem !important;
  width: 2.5rem !important;
  height: 2.5rem !important;
}
.al-w-45 {
  width: 2.813rem !important;
}
.al-h-45 {
  height: 2.813rem !important;
}
.al-size-45 {
  min-width: 2.813rem !important;
  width: 2.813rem !important;
  height: 2.813rem !important;
}
.al-w-48 {
  width: 3rem !important;
}
.al-h-48 {
  height: 3rem !important;
}
.al-size-48 {
  min-width: 3rem !important;
  width: 3rem !important;
  height: 3rem !important;
}
.al-w-50 {
  width: 3.125rem !important;
}
.al-h-50 {
  height: 3.125rem !important;
}
.al-size-50 {
  min-width: 3.125rem !important;
  width: 3.125rem !important;
  height: 3.125rem !important;
}
.al-w-55 {
  width: 3.438rem !important;
}
.al-h-55 {
  height: 3.438rem !important;
}
.al-size-55 {
  min-width: 3.438rem !important;
  width: 3.438rem !important;
  height: 3.438rem !important;
}
.al-w-56 {
  width: 3.5rem !important;
}
.al-h-56 {
  height: 3.5rem !important;
}
.al-size-56 {
  min-width: 3.5rem !important;
  width: 3.5rem !important;
  height: 3.5rem !important;
}
.al-w-60 {
  width: 3.75rem !important;
}
.al-h-60 {
  height: 3.75rem !important;
}
.al-size-60 {
  min-width: 3.75rem !important;
  width: 3.75rem !important;
  height: 3.75rem !important;
}
.al-w-64 {
  width: 4rem !important;
}
.al-h-64 {
  height: 4rem !important;
}
.al-size-64 {
  min-width: 4rem !important;
  width: 4rem !important;
  height: 4rem !important;
}
.al-w-65 {
  width: 4.063rem !important;
}
.al-h-65 {
  height: 4.063rem !important;
}
.al-size-65 {
  min-width: 4.063rem !important;
  width: 4.063rem !important;
  height: 4.063rem !important;
}
.al-w-70 {
  width: 4.375rem !important;
}
.al-h-70 {
  height: 4.375rem !important;
}
.al-size-70 {
  min-width: 4.375rem !important;
  width: 4.375rem !important;
  height: 4.375rem !important;
}
.al-w-75 {
  width: 4.688rem !important;
}
.al-h-75 {
  height: 4.688rem !important;
}
.al-size-75 {
  min-width: 4.688rem !important;
  width: 4.688rem !important;
  height: 4.688rem !important;
}
.al-w-80 {
  width: 5rem !important;
}
.al-h-80 {
  height: 5rem !important;
}
.al-size-80 {
  min-width: 5rem !important;
  width: 5rem !important;
  height: 5rem !important;
}
.al-w-85 {
  width: 5.313rem !important;
}
.al-h-85 {
  height: 5.313rem !important;
}
.al-size-85 {
  min-width: 5.313rem !important;
  width: 5.313rem !important;
  height: 5.313rem !important;
}
.al-w-90 {
  width: 5.625rem !important;
}
.al-h-90 {
  height: 5.625rem !important;
}
.al-size-90 {
  min-width: 5.625rem !important;
  width: 5.625rem !important;
  height: 5.625rem !important;
}
.al-w-95 {
  width: 5.938rem !important;
}
.al-h-95 {
  height: 5.938rem !important;
}
.al-size-95 {
  min-width: 5.938rem !important;
  width: 5.938rem !important;
  height: 5.938rem !important;
}
.al-w-100 {
  width: 6.25rem !important;
}
.al-h-100 {
  height: 6.25rem !important;
}
.al-size-100 {
  min-width: 6.25rem !important;
  width: 6.25rem !important;
  height: 6.25rem !important;
}
.al-w-110 {
  width: 6.875rem !important;
}
.al-h-110 {
  height: 6.875rem !important;
}
.al-size-110 {
  min-width: 6.875rem !important;
  width: 6.875rem !important;
  height: 6.875rem !important;
}
.al-w-120 {
  width: 7.5rem !important;
}
.al-h-120 {
  height: 7.5rem !important;
}
.al-size-120 {
  min-width: 7.5rem !important;
  width: 7.5rem !important;
  height: 7.5rem !important;
}
.al-w-130 {
  width: 8.125rem !important;
}
.al-h-130 {
  height: 8.125rem !important;
}
.al-size-130 {
  min-width: 8.125rem !important;
  width: 8.125rem !important;
  height: 8.125rem !important;
}
.al-w-140 {
  width: 8.75rem !important;
}
.al-h-140 {
  height: 8.75rem !important;
}
.al-size-140 {
  min-width: 8.75rem !important;
  width: 8.75rem !important;
  height: 8.75rem !important;
}
.al-w-150 {
  width: 9.375rem !important;
}
.al-h-150 {
  height: 9.375rem !important;
}
.al-size-150 {
  min-width: 9.375rem !important;
  width: 9.375rem !important;
  height: 9.375rem !important;
}
.al-w-170 {
  width: 10.625rem !important;
}
.al-h-170 {
  height: 10.625rem !important;
}
.al-size-170 {
  min-width: 10.625rem !important;
  width: 10.625rem !important;
  height: 10.625rem !important;
}
.al-w-190 {
  width: 11.875rem !important;
}
.al-h-190 {
  height: 11.875rem !important;
}
.al-size-190 {
  min-width: 11.875rem !important;
  width: 11.875rem !important;
  height: 11.875rem !important;
}
.al-w-200 {
  width: 12.5rem !important;
}
.al-h-200 {
  height: 12.5rem !important;
}
.al-size-200 {
  min-width: 12.5rem !important;
  width: 12.5rem !important;
  height: 12.5rem !important;
}
.al-w-250 {
  width: 15.625rem !important;
}
.al-h-250 {
  height: 15.625rem !important;
}
.al-size-250 {
  min-width: 15.625rem !important;
  width: 15.625rem !important;
  height: 15.625rem !important;
}
.al-w-300 {
  width: 18.75rem !important;
}
.al-h-300 {
  height: 18.75rem !important;
}
.al-size-300 {
  min-width: 18.75rem !important;
  width: 18.75rem !important;
  height: 18.75rem !important;
}
.al-mw-0 {
  max-width: 0% !important;
}
.al-mh-0 {
  max-height: 0% !important;
}
.al-mw-10 {
  max-width: 10% !important;
}
.al-mh-10 {
  max-height: 10% !important;
}
.al-mw-25 {
  max-width: 25% !important;
}
.al-mh-25 {
  max-height: 25% !important;
}
.al-mw-50 {
  max-width: 50% !important;
}
.al-mh-50 {
  max-height: 50% !important;
}
.al-mw-75 {
  max-width: 75% !important;
}
.al-mh-75 {
  max-height: 75% !important;
}
.al-mw-100 {
  max-width: 100% !important;
}
.al-mh-100 {
  max-height: 100% !important;
}

/* ===== Media queries start ===== */
@media (min-width: 575px) {
  .al-w-sm-0 {
    width: 0% !important;
  }
  .al-w-sm-10 {
    width: 10% !important;
  }
  .al-w-sm-25 {
    width: 25% !important;
  }
  .al-w-sm-50 {
    width: 50% !important;
  }
  .al-w-sm-75 {
    width: 75% !important;
  }
  .al-w-sm-100 {
    width: 100% !important;
  }
}
@media (min-width: 768px) {
  .al-w-md-0 {
    width: 0% !important;
  }
  .al-w-md-10 {
    width: 10% !important;
  }
  .al-w-md-25 {
    width: 25% !important;
  }
  .al-w-md-50 {
    width: 50% !important;
  }
  .al-w-md-75 {
    width: 75% !important;
  }
  .al-w-md-100 {
    width: 100% !important;
  }
}
@media (min-width: 992px) {
  .al-w-lg-0 {
    width: 0% !important;
  }
  .al-w-lg-10 {
    width: 10% !important;
  }
  .al-w-lg-25 {
    width: 25% !important;
  }
  .al-w-lg-50 {
    width: 50% !important;
  }
  .al-w-lg-75 {
    width: 75% !important;
  }
  .al-w-lg-100 {
    width: 100% !important;
  }
}
@media (min-width: 1200px) {
  .al-w-xl-0 {
    width: 0% !important;
  }
  .al-w-xl-10 {
    width: 10% !important;
  }
  .al-w-xl-25 {
    width: 25% !important;
  }
  .al-w-xl-50 {
    width: 50% !important;
  }
  .al-w-xl-75 {
    width: 75% !important;
  }
  .al-w-xl-100 {
    width: 100% !important;
  }
}
@media (min-width: 1400px) {
  .al-w-xxl-0 {
    width: 0% !important;
  }
  .al-w-xxl-10 {
    width: 10% !important;
  }
  .al-w-xxl-25 {
    width: 25% !important;
  }
  .al-w-xxl-50 {
    width: 50% !important;
  }
  .al-w-xxl-75 {
    width: 75% !important;
  }
  .al-w-xxl-100 {
    width: 100% !important;
  }
}
@media (max-width: 574px) {
  .al-h-sm-auto {
    height: auto !important;
  }
}
@media (max-width: 767px) {
  .al-h-md-auto {
    height: auto !important;
  }
}
@media (max-width: 991px) {
  .al-h-lg-auto {
    height: auto !important;
  }
}
@media (max-width: 1199px) {
  .al-h-xl-auto {
    height: auto !important;
  }
}
@media (max-width: 1399px) {
  .al-h-xxl-auto {
    height: auto !important;
  }
}
/*====== Varibles start =====*/
.al-p-0 {
  padding: 0rem !important;
}
.al-py-0 {
  padding-top: 0rem !important;
  padding-bottom: 0rem !important;
}
.al-px-0 {
  padding-left: 0rem !important;
  padding-right: 0rem !important;
}
.al-pt-0 {
  padding-top: 0rem !important;
}
.al-pb-0 {
  padding-bottom: 0rem !important;
}
.al-p-1 {
  padding: 0.063rem !important;
}
.al-py-1 {
  padding-top: 0.063rem !important;
  padding-bottom: 0.063rem !important;
}
.al-px-1 {
  padding-left: 0.063rem !important;
  padding-right: 0.063rem !important;
}
.al-pt-1 {
  padding-top: 0.063rem !important;
}
.al-pb-1 {
  padding-bottom: 0.063rem !important;
}
.al-p-2 {
  padding: 0.125rem !important;
}
.al-py-2 {
  padding-top: 0.125rem !important;
  padding-bottom: 0.125rem !important;
}
.al-px-2 {
  padding-left: 0.125rem !important;
  padding-right: 0.125rem !important;
}
.al-pt-2 {
  padding-top: 0.125rem !important;
}
.al-pb-2 {
  padding-bottom: 0.125rem !important;
}
.al-p-3 {
  padding: 0.188rem !important;
}
.al-py-3 {
  padding-top: 0.188rem !important;
  padding-bottom: 0.188rem !important;
}
.al-px-3 {
  padding-left: 0.188rem !important;
  padding-right: 0.188rem !important;
}
.al-pt-3 {
  padding-top: 0.188rem !important;
}
.al-pb-3 {
  padding-bottom: 0.188rem !important;
}
.al-p-4 {
  padding: 0.25rem !important;
}
.al-py-4 {
  padding-top: 0.25rem !important;
  padding-bottom: 0.25rem !important;
}
.al-px-4 {
  padding-left: 0.25rem !important;
  padding-right: 0.25rem !important;
}
.al-pt-4 {
  padding-top: 0.25rem !important;
}
.al-pb-4 {
  padding-bottom: 0.25rem !important;
}
.al-p-5 {
  padding: 0.313rem !important;
}
.al-py-5 {
  padding-top: 0.313rem !important;
  padding-bottom: 0.313rem !important;
}
.al-px-5 {
  padding-left: 0.313rem !important;
  padding-right: 0.313rem !important;
}
.al-pt-5 {
  padding-top: 0.313rem !important;
}
.al-pb-5 {
  padding-bottom: 0.313rem !important;
}
.al-p-6 {
  padding: 0.375rem !important;
}
.al-py-6 {
  padding-top: 0.375rem !important;
  padding-bottom: 0.375rem !important;
}
.al-px-6 {
  padding-left: 0.375rem !important;
  padding-right: 0.375rem !important;
}
.al-pt-6 {
  padding-top: 0.375rem !important;
}
.al-pb-6 {
  padding-bottom: 0.375rem !important;
}
.al-p-7 {
  padding: 0.438rem !important;
}
.al-py-7 {
  padding-top: 0.438rem !important;
  padding-bottom: 0.438rem !important;
}
.al-px-7 {
  padding-left: 0.438rem !important;
  padding-right: 0.438rem !important;
}
.al-pt-7 {
  padding-top: 0.438rem !important;
}
.al-pb-7 {
  padding-bottom: 0.438rem !important;
}
.al-p-8 {
  padding: 0.5rem !important;
}
.al-py-8 {
  padding-top: 0.5rem !important;
  padding-bottom: 0.5rem !important;
}
.al-px-8 {
  padding-left: 0.5rem !important;
  padding-right: 0.5rem !important;
}
.al-pt-8 {
  padding-top: 0.5rem !important;
}
.al-pb-8 {
  padding-bottom: 0.5rem !important;
}
.al-p-9 {
  padding: 0.563rem !important;
}
.al-py-9 {
  padding-top: 0.563rem !important;
  padding-bottom: 0.563rem !important;
}
.al-px-9 {
  padding-left: 0.563rem !important;
  padding-right: 0.563rem !important;
}
.al-pt-9 {
  padding-top: 0.563rem !important;
}
.al-pb-9 {
  padding-bottom: 0.563rem !important;
}
.al-p-10 {
  padding: 0.625rem !important;
}
.al-py-10 {
  padding-top: 0.625rem !important;
  padding-bottom: 0.625rem !important;
}
.al-px-10 {
  padding-left: 0.625rem !important;
  padding-right: 0.625rem !important;
}
.al-pt-10 {
  padding-top: 0.625rem !important;
}
.al-pb-10 {
  padding-bottom: 0.625rem !important;
}
.al-p-12 {
  padding: 0.75rem !important;
}
.al-py-12 {
  padding-top: 0.75rem !important;
  padding-bottom: 0.75rem !important;
}
.al-px-12 {
  padding-left: 0.75rem !important;
  padding-right: 0.75rem !important;
}
.al-pt-12 {
  padding-top: 0.75rem !important;
}
.al-pb-12 {
  padding-bottom: 0.75rem !important;
}
.al-p-16 {
  padding: 1rem !important;
}
.al-py-16 {
  padding-top: 1rem !important;
  padding-bottom: 1rem !important;
}
.al-px-16 {
  padding-left: 1rem !important;
  padding-right: 1rem !important;
}
.al-pt-16 {
  padding-top: 1rem !important;
}
.al-pb-16 {
  padding-bottom: 1rem !important;
}
.al-p-18 {
  padding: 1.125rem !important;
}
.al-py-18 {
  padding-top: 1.125rem !important;
  padding-bottom: 1.125rem !important;
}
.al-px-18 {
  padding-left: 1.125rem !important;
  padding-right: 1.125rem !important;
}
.al-pt-18 {
  padding-top: 1.125rem !important;
}
.al-pb-18 {
  padding-bottom: 1.125rem !important;
}
.al-p-20 {
  padding: 1.25rem !important;
}
.al-py-20 {
  padding-top: 1.25rem !important;
  padding-bottom: 1.25rem !important;
}
.al-px-20 {
  padding-left: 1.25rem !important;
  padding-right: 1.25rem !important;
}
.al-pt-20 {
  padding-top: 1.25rem !important;
}
.al-pb-20 {
  padding-bottom: 1.25rem !important;
}
.al-p-22 {
  padding: 1.375rem !important;
}
.al-py-22 {
  padding-top: 1.375rem !important;
  padding-bottom: 1.375rem !important;
}
.al-px-22 {
  padding-left: 1.375rem !important;
  padding-right: 1.375rem !important;
}
.al-pt-22 {
  padding-top: 1.375rem !important;
}
.al-pb-22 {
  padding-bottom: 1.375rem !important;
}
.al-p-24 {
  padding: 1.5rem !important;
}
.al-py-24 {
  padding-top: 1.5rem !important;
  padding-bottom: 1.5rem !important;
}
.al-px-24 {
  padding-left: 1.5rem !important;
  padding-right: 1.5rem !important;
}
.al-pt-24 {
  padding-top: 1.5rem !important;
}
.al-pb-24 {
  padding-bottom: 1.5rem !important;
}
.al-p-25 {
  padding: 1.563rem !important;
}
.al-py-25 {
  padding-top: 1.563rem !important;
  padding-bottom: 1.563rem !important;
}
.al-px-25 {
  padding-left: 1.563rem !important;
  padding-right: 1.563rem !important;
}
.al-pt-25 {
  padding-top: 1.563rem !important;
}
.al-pb-25 {
  padding-bottom: 1.563rem !important;
}
.al-p-26 {
  padding: 1.625rem !important;
}
.al-py-26 {
  padding-top: 1.625rem !important;
  padding-bottom: 1.625rem !important;
}
.al-px-26 {
  padding-left: 1.625rem !important;
  padding-right: 1.625rem !important;
}
.al-pt-26 {
  padding-top: 1.625rem !important;
}
.al-pb-26 {
  padding-bottom: 1.625rem !important;
}
.al-p-28 {
  padding: 1.75rem !important;
}
.al-py-28 {
  padding-top: 1.75rem !important;
  padding-bottom: 1.75rem !important;
}
.al-px-28 {
  padding-left: 1.75rem !important;
  padding-right: 1.75rem !important;
}
.al-pt-28 {
  padding-top: 1.75rem !important;
}
.al-pb-28 {
  padding-bottom: 1.75rem !important;
}
.al-p-30 {
  padding: 1.875rem !important;
}
.al-py-30 {
  padding-top: 1.875rem !important;
  padding-bottom: 1.875rem !important;
}
.al-px-30 {
  padding-left: 1.875rem !important;
  padding-right: 1.875rem !important;
}
.al-pt-30 {
  padding-top: 1.875rem !important;
}
.al-pb-30 {
  padding-bottom: 1.875rem !important;
}
.al-p-32 {
  padding: 2rem !important;
}
.al-py-32 {
  padding-top: 2rem !important;
  padding-bottom: 2rem !important;
}
.al-px-32 {
  padding-left: 2rem !important;
  padding-right: 2rem !important;
}
.al-pt-32 {
  padding-top: 2rem !important;
}
.al-pb-32 {
  padding-bottom: 2rem !important;
}
.al-p-36 {
  padding: 2.25rem !important;
}
.al-py-36 {
  padding-top: 2.25rem !important;
  padding-bottom: 2.25rem !important;
}
.al-px-36 {
  padding-left: 2.25rem !important;
  padding-right: 2.25rem !important;
}
.al-pt-36 {
  padding-top: 2.25rem !important;
}
.al-pb-36 {
  padding-bottom: 2.25rem !important;
}
.al-p-40 {
  padding: 2.5rem !important;
}
.al-py-40 {
  padding-top: 2.5rem !important;
  padding-bottom: 2.5rem !important;
}
.al-px-40 {
  padding-left: 2.5rem !important;
  padding-right: 2.5rem !important;
}
.al-pt-40 {
  padding-top: 2.5rem !important;
}
.al-pb-40 {
  padding-bottom: 2.5rem !important;
}
.al-p-45 {
  padding: 2.813rem !important;
}
.al-py-45 {
  padding-top: 2.813rem !important;
  padding-bottom: 2.813rem !important;
}
.al-px-45 {
  padding-left: 2.813rem !important;
  padding-right: 2.813rem !important;
}
.al-pt-45 {
  padding-top: 2.813rem !important;
}
.al-pb-45 {
  padding-bottom: 2.813rem !important;
}
.al-p-48 {
  padding: 3rem !important;
}
.al-py-48 {
  padding-top: 3rem !important;
  padding-bottom: 3rem !important;
}
.al-px-48 {
  padding-left: 3rem !important;
  padding-right: 3rem !important;
}
.al-pt-48 {
  padding-top: 3rem !important;
}
.al-pb-48 {
  padding-bottom: 3rem !important;
}
.al-p-50 {
  padding: 3.125rem !important;
}
.al-py-50 {
  padding-top: 3.125rem !important;
  padding-bottom: 3.125rem !important;
}
.al-px-50 {
  padding-left: 3.125rem !important;
  padding-right: 3.125rem !important;
}
.al-pt-50 {
  padding-top: 3.125rem !important;
}
.al-pb-50 {
  padding-bottom: 3.125rem !important;
}
.al-p-55 {
  padding: 3.438rem !important;
}
.al-py-55 {
  padding-top: 3.438rem !important;
  padding-bottom: 3.438rem !important;
}
.al-px-55 {
  padding-left: 3.438rem !important;
  padding-right: 3.438rem !important;
}
.al-pt-55 {
  padding-top: 3.438rem !important;
}
.al-pb-55 {
  padding-bottom: 3.438rem !important;
}
.al-p-56 {
  padding: 3.5rem !important;
}
.al-py-56 {
  padding-top: 3.5rem !important;
  padding-bottom: 3.5rem !important;
}
.al-px-56 {
  padding-left: 3.5rem !important;
  padding-right: 3.5rem !important;
}
.al-pt-56 {
  padding-top: 3.5rem !important;
}
.al-pb-56 {
  padding-bottom: 3.5rem !important;
}
.al-p-60 {
  padding: 3.75rem !important;
}
.al-py-60 {
  padding-top: 3.75rem !important;
  padding-bottom: 3.75rem !important;
}
.al-px-60 {
  padding-left: 3.75rem !important;
  padding-right: 3.75rem !important;
}
.al-pt-60 {
  padding-top: 3.75rem !important;
}
.al-pb-60 {
  padding-bottom: 3.75rem !important;
}
.al-p-64 {
  padding: 4rem !important;
}
.al-py-64 {
  padding-top: 4rem !important;
  padding-bottom: 4rem !important;
}
.al-px-64 {
  padding-left: 4rem !important;
  padding-right: 4rem !important;
}
.al-pt-64 {
  padding-top: 4rem !important;
}
.al-pb-64 {
  padding-bottom: 4rem !important;
}
.al-p-65 {
  padding: 4.063rem !important;
}
.al-py-65 {
  padding-top: 4.063rem !important;
  padding-bottom: 4.063rem !important;
}
.al-px-65 {
  padding-left: 4.063rem !important;
  padding-right: 4.063rem !important;
}
.al-pt-65 {
  padding-top: 4.063rem !important;
}
.al-pb-65 {
  padding-bottom: 4.063rem !important;
}
.al-p-70 {
  padding: 4.375rem !important;
}
.al-py-70 {
  padding-top: 4.375rem !important;
  padding-bottom: 4.375rem !important;
}
.al-px-70 {
  padding-left: 4.375rem !important;
  padding-right: 4.375rem !important;
}
.al-pt-70 {
  padding-top: 4.375rem !important;
}
.al-pb-70 {
  padding-bottom: 4.375rem !important;
}
.al-p-75 {
  padding: 4.688rem !important;
}
.al-py-75 {
  padding-top: 4.688rem !important;
  padding-bottom: 4.688rem !important;
}
.al-px-75 {
  padding-left: 4.688rem !important;
  padding-right: 4.688rem !important;
}
.al-pt-75 {
  padding-top: 4.688rem !important;
}
.al-pb-75 {
  padding-bottom: 4.688rem !important;
}
.al-p-80 {
  padding: 5rem !important;
}
.al-py-80 {
  padding-top: 5rem !important;
  padding-bottom: 5rem !important;
}
.al-px-80 {
  padding-left: 5rem !important;
  padding-right: 5rem !important;
}
.al-pt-80 {
  padding-top: 5rem !important;
}
.al-pb-80 {
  padding-bottom: 5rem !important;
}
.al-p-85 {
  padding: 5.313rem !important;
}
.al-py-85 {
  padding-top: 5.313rem !important;
  padding-bottom: 5.313rem !important;
}
.al-px-85 {
  padding-left: 5.313rem !important;
  padding-right: 5.313rem !important;
}
.al-pt-85 {
  padding-top: 5.313rem !important;
}
.al-pb-85 {
  padding-bottom: 5.313rem !important;
}
.al-p-90 {
  padding: 5.625rem !important;
}
.al-py-90 {
  padding-top: 5.625rem !important;
  padding-bottom: 5.625rem !important;
}
.al-px-90 {
  padding-left: 5.625rem !important;
  padding-right: 5.625rem !important;
}
.al-pt-90 {
  padding-top: 5.625rem !important;
}
.al-pb-90 {
  padding-bottom: 5.625rem !important;
}
.al-p-95 {
  padding: 5.938rem !important;
}
.al-py-95 {
  padding-top: 5.938rem !important;
  padding-bottom: 5.938rem !important;
}
.al-px-95 {
  padding-left: 5.938rem !important;
  padding-right: 5.938rem !important;
}
.al-pt-95 {
  padding-top: 5.938rem !important;
}
.al-pb-95 {
  padding-bottom: 5.938rem !important;
}
.al-p-100 {
  padding: 6.25rem !important;
}
.al-py-100 {
  padding-top: 6.25rem !important;
  padding-bottom: 6.25rem !important;
}
.al-px-100 {
  padding-left: 6.25rem !important;
  padding-right: 6.25rem !important;
}
.al-pt-100 {
  padding-top: 6.25rem !important;
}
.al-pb-100 {
  padding-bottom: 6.25rem !important;
}
.al-p-110 {
  padding: 6.875rem !important;
}
.al-py-110 {
  padding-top: 6.875rem !important;
  padding-bottom: 6.875rem !important;
}
.al-px-110 {
  padding-left: 6.875rem !important;
  padding-right: 6.875rem !important;
}
.al-pt-110 {
  padding-top: 6.875rem !important;
}
.al-pb-110 {
  padding-bottom: 6.875rem !important;
}
.al-p-120 {
  padding: 7.5rem !important;
}
.al-py-120 {
  padding-top: 7.5rem !important;
  padding-bottom: 7.5rem !important;
}
.al-px-120 {
  padding-left: 7.5rem !important;
  padding-right: 7.5rem !important;
}
.al-pt-120 {
  padding-top: 7.5rem !important;
}
.al-pb-120 {
  padding-bottom: 7.5rem !important;
}
.al-p-130 {
  padding: 8.125rem !important;
}
.al-py-130 {
  padding-top: 8.125rem !important;
  padding-bottom: 8.125rem !important;
}
.al-px-130 {
  padding-left: 8.125rem !important;
  padding-right: 8.125rem !important;
}
.al-pt-130 {
  padding-top: 8.125rem !important;
}
.al-pb-130 {
  padding-bottom: 8.125rem !important;
}
.al-p-140 {
  padding: 8.75rem !important;
}
.al-py-140 {
  padding-top: 8.75rem !important;
  padding-bottom: 8.75rem !important;
}
.al-px-140 {
  padding-left: 8.75rem !important;
  padding-right: 8.75rem !important;
}
.al-pt-140 {
  padding-top: 8.75rem !important;
}
.al-pb-140 {
  padding-bottom: 8.75rem !important;
}
.al-p-150 {
  padding: 9.375rem !important;
}
.al-py-150 {
  padding-top: 9.375rem !important;
  padding-bottom: 9.375rem !important;
}
.al-px-150 {
  padding-left: 9.375rem !important;
  padding-right: 9.375rem !important;
}
.al-pt-150 {
  padding-top: 9.375rem !important;
}
.al-pb-150 {
  padding-bottom: 9.375rem !important;
}
.al-p-170 {
  padding: 10.625rem !important;
}
.al-py-170 {
  padding-top: 10.625rem !important;
  padding-bottom: 10.625rem !important;
}
.al-px-170 {
  padding-left: 10.625rem !important;
  padding-right: 10.625rem !important;
}
.al-pt-170 {
  padding-top: 10.625rem !important;
}
.al-pb-170 {
  padding-bottom: 10.625rem !important;
}
.al-p-200 {
  padding: 12.5rem !important;
}
.al-py-200 {
  padding-top: 12.5rem !important;
  padding-bottom: 12.5rem !important;
}
.al-px-200 {
  padding-left: 12.5rem !important;
  padding-right: 12.5rem !important;
}
.al-pt-200 {
  padding-top: 12.5rem !important;
}
.al-pb-200 {
  padding-bottom: 12.5rem !important;
}
.al-p-250 {
  padding: 15.625rem !important;
}
.al-py-250 {
  padding-top: 15.625rem !important;
  padding-bottom: 15.625rem !important;
}
.al-px-250 {
  padding-left: 15.625rem !important;
  padding-right: 15.625rem !important;
}
.al-pt-250 {
  padding-top: 15.625rem !important;
}
.al-pb-250 {
  padding-bottom: 15.625rem !important;
}
.al-p-300 {
  padding: 18.75rem !important;
}
.al-py-300 {
  padding-top: 18.75rem !important;
  padding-bottom: 18.75rem !important;
}
.al-px-300 {
  padding-left: 18.75rem !important;
  padding-right: 18.75rem !important;
}
.al-pt-300 {
  padding-top: 18.75rem !important;
}
.al-pb-300 {
  padding-bottom: 18.75rem !important;
}
.al-m-0 {
  margin: 0rem !important;
}
.al-my-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.al-mx-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.al-mt-0 {
  margin-top: 0rem !important;
}
.al-mb-0 {
  margin-bottom: 0rem !important;
}
.al-my-n-0 {
  margin-top: 0rem !important;
  margin-bottom: 0rem !important;
}
.al-mx-n-0 {
  margin-left: 0rem !important;
  margin-right: 0rem !important;
}
.al-mt-n-0 {
  margin-top: 0rem !important;
}
.al-mb-n-0 {
  margin-bottom: 0rem !important;
}
.al-m-1 {
  margin: 0.063rem !important;
}
.al-my-1 {
  margin-top: 0.063rem !important;
  margin-bottom: 0.063rem !important;
}
.al-mx-1 {
  margin-left: 0.063rem !important;
  margin-right: 0.063rem !important;
}
.al-mt-1 {
  margin-top: 0.063rem !important;
}
.al-mb-1 {
  margin-bottom: 0.063rem !important;
}
.al-my-n-1 {
  margin-top: -0.063rem !important;
  margin-bottom: -0.063rem !important;
}
.al-mx-n-1 {
  margin-left: -0.063rem !important;
  margin-right: -0.063rem !important;
}
.al-mt-n-1 {
  margin-top: -0.063rem !important;
}
.al-mb-n-1 {
  margin-bottom: -0.063rem !important;
}
.al-m-2 {
  margin: 0.125rem !important;
}
.al-my-2 {
  margin-top: 0.125rem !important;
  margin-bottom: 0.125rem !important;
}
.al-mx-2 {
  margin-left: 0.125rem !important;
  margin-right: 0.125rem !important;
}
.al-mt-2 {
  margin-top: 0.125rem !important;
}
.al-mb-2 {
  margin-bottom: 0.125rem !important;
}
.al-my-n-2 {
  margin-top: -0.125rem !important;
  margin-bottom: -0.125rem !important;
}
.al-mx-n-2 {
  margin-left: -0.125rem !important;
  margin-right: -0.125rem !important;
}
.al-mt-n-2 {
  margin-top: -0.125rem !important;
}
.al-mb-n-2 {
  margin-bottom: -0.125rem !important;
}
.al-m-3 {
  margin: 0.188rem !important;
}
.al-my-3 {
  margin-top: 0.188rem !important;
  margin-bottom: 0.188rem !important;
}
.al-mx-3 {
  margin-left: 0.188rem !important;
  margin-right: 0.188rem !important;
}
.al-mt-3 {
  margin-top: 0.188rem !important;
}
.al-mb-3 {
  margin-bottom: 0.188rem !important;
}
.al-my-n-3 {
  margin-top: -0.188rem !important;
  margin-bottom: -0.188rem !important;
}
.al-mx-n-3 {
  margin-left: -0.188rem !important;
  margin-right: -0.188rem !important;
}
.al-mt-n-3 {
  margin-top: -0.188rem !important;
}
.al-mb-n-3 {
  margin-bottom: -0.188rem !important;
}
.al-m-4 {
  margin: 0.25rem !important;
}
.al-my-4 {
  margin-top: 0.25rem !important;
  margin-bottom: 0.25rem !important;
}
.al-mx-4 {
  margin-left: 0.25rem !important;
  margin-right: 0.25rem !important;
}
.al-mt-4 {
  margin-top: 0.25rem !important;
}
.al-mb-4 {
  margin-bottom: 0.25rem !important;
}
.al-my-n-4 {
  margin-top: -0.25rem !important;
  margin-bottom: -0.25rem !important;
}
.al-mx-n-4 {
  margin-left: -0.25rem !important;
  margin-right: -0.25rem !important;
}
.al-mt-n-4 {
  margin-top: -0.25rem !important;
}
.al-mb-n-4 {
  margin-bottom: -0.25rem !important;
}
.al-m-5 {
  margin: 0.313rem !important;
}
.al-my-5 {
  margin-top: 0.313rem !important;
  margin-bottom: 0.313rem !important;
}
.al-mx-5 {
  margin-left: 0.313rem !important;
  margin-right: 0.313rem !important;
}
.al-mt-5 {
  margin-top: 0.313rem !important;
}
.al-mb-5 {
  margin-bottom: 0.313rem !important;
}
.al-my-n-5 {
  margin-top: -0.313rem !important;
  margin-bottom: -0.313rem !important;
}
.al-mx-n-5 {
  margin-left: -0.313rem !important;
  margin-right: -0.313rem !important;
}
.al-mt-n-5 {
  margin-top: -0.313rem !important;
}
.al-mb-n-5 {
  margin-bottom: -0.313rem !important;
}
.al-m-6 {
  margin: 0.375rem !important;
}
.al-my-6 {
  margin-top: 0.375rem !important;
  margin-bottom: 0.375rem !important;
}
.al-mx-6 {
  margin-left: 0.375rem !important;
  margin-right: 0.375rem !important;
}
.al-mt-6 {
  margin-top: 0.375rem !important;
}
.al-mb-6 {
  margin-bottom: 0.375rem !important;
}
.al-my-n-6 {
  margin-top: -0.375rem !important;
  margin-bottom: -0.375rem !important;
}
.al-mx-n-6 {
  margin-left: -0.375rem !important;
  margin-right: -0.375rem !important;
}
.al-mt-n-6 {
  margin-top: -0.375rem !important;
}
.al-mb-n-6 {
  margin-bottom: -0.375rem !important;
}
.al-m-7 {
  margin: 0.438rem !important;
}
.al-my-7 {
  margin-top: 0.438rem !important;
  margin-bottom: 0.438rem !important;
}
.al-mx-7 {
  margin-left: 0.438rem !important;
  margin-right: 0.438rem !important;
}
.al-mt-7 {
  margin-top: 0.438rem !important;
}
.al-mb-7 {
  margin-bottom: 0.438rem !important;
}
.al-my-n-7 {
  margin-top: -0.438rem !important;
  margin-bottom: -0.438rem !important;
}
.al-mx-n-7 {
  margin-left: -0.438rem !important;
  margin-right: -0.438rem !important;
}
.al-mt-n-7 {
  margin-top: -0.438rem !important;
}
.al-mb-n-7 {
  margin-bottom: -0.438rem !important;
}
.al-m-8 {
  margin: 0.5rem !important;
}
.al-my-8 {
  margin-top: 0.5rem !important;
  margin-bottom: 0.5rem !important;
}
.al-mx-8 {
  margin-left: 0.5rem !important;
  margin-right: 0.5rem !important;
}
.al-mt-8 {
  margin-top: 0.5rem !important;
}
.al-mb-8 {
  margin-bottom: 0.5rem !important;
}
.al-my-n-8 {
  margin-top: -0.5rem !important;
  margin-bottom: -0.5rem !important;
}
.al-mx-n-8 {
  margin-left: -0.5rem !important;
  margin-right: -0.5rem !important;
}
.al-mt-n-8 {
  margin-top: -0.5rem !important;
}
.al-mb-n-8 {
  margin-bottom: -0.5rem !important;
}
.al-m-9 {
  margin: 0.563rem !important;
}
.al-my-9 {
  margin-top: 0.563rem !important;
  margin-bottom: 0.563rem !important;
}
.al-mx-9 {
  margin-left: 0.563rem !important;
  margin-right: 0.563rem !important;
}
.al-mt-9 {
  margin-top: 0.563rem !important;
}
.al-mb-9 {
  margin-bottom: 0.563rem !important;
}
.al-my-n-9 {
  margin-top: -0.563rem !important;
  margin-bottom: -0.563rem !important;
}
.al-mx-n-9 {
  margin-left: -0.563rem !important;
  margin-right: -0.563rem !important;
}
.al-mt-n-9 {
  margin-top: -0.563rem !important;
}
.al-mb-n-9 {
  margin-bottom: -0.563rem !important;
}
.al-m-10 {
  margin: 0.625rem !important;
}
.al-my-10 {
  margin-top: 0.625rem !important;
  margin-bottom: 0.625rem !important;
}
.al-mx-10 {
  margin-left: 0.625rem !important;
  margin-right: 0.625rem !important;
}
.al-mt-10 {
  margin-top: 0.625rem !important;
}
.al-mb-10 {
  margin-bottom: 0.625rem !important;
}
.al-my-n-10 {
  margin-top: -0.625rem !important;
  margin-bottom: -0.625rem !important;
}
.al-mx-n-10 {
  margin-left: -0.625rem !important;
  margin-right: -0.625rem !important;
}
.al-mt-n-10 {
  margin-top: -0.625rem !important;
}
.al-mb-n-10 {
  margin-bottom: -0.625rem !important;
}
.al-m-12 {
  margin: 0.75rem !important;
}
.al-my-12 {
  margin-top: 0.75rem !important;
  margin-bottom: 0.75rem !important;
}
.al-mx-12 {
  margin-left: 0.75rem !important;
  margin-right: 0.75rem !important;
}
.al-mt-12 {
  margin-top: 0.75rem !important;
}
.al-mb-12 {
  margin-bottom: 0.75rem !important;
}
.al-my-n-12 {
  margin-top: -0.75rem !important;
  margin-bottom: -0.75rem !important;
}
.al-mx-n-12 {
  margin-left: -0.75rem !important;
  margin-right: -0.75rem !important;
}
.al-mt-n-12 {
  margin-top: -0.75rem !important;
}
.al-mb-n-12 {
  margin-bottom: -0.75rem !important;
}
.al-m-16 {
  margin: 1rem !important;
}
.al-my-16 {
  margin-top: 1rem !important;
  margin-bottom: 1rem !important;
}
.al-mx-16 {
  margin-left: 1rem !important;
  margin-right: 1rem !important;
}
.al-mt-16 {
  margin-top: 1rem !important;
}
.al-mb-16 {
  margin-bottom: 1rem !important;
}
.al-my-n-16 {
  margin-top: -1rem !important;
  margin-bottom: -1rem !important;
}
.al-mx-n-16 {
  margin-left: -1rem !important;
  margin-right: -1rem !important;
}
.al-mt-n-16 {
  margin-top: -1rem !important;
}
.al-mb-n-16 {
  margin-bottom: -1rem !important;
}
.al-m-18 {
  margin: 1.125rem !important;
}
.al-my-18 {
  margin-top: 1.125rem !important;
  margin-bottom: 1.125rem !important;
}
.al-mx-18 {
  margin-left: 1.125rem !important;
  margin-right: 1.125rem !important;
}
.al-mt-18 {
  margin-top: 1.125rem !important;
}
.al-mb-18 {
  margin-bottom: 1.125rem !important;
}
.al-my-n-18 {
  margin-top: -1.125rem !important;
  margin-bottom: -1.125rem !important;
}
.al-mx-n-18 {
  margin-left: -1.125rem !important;
  margin-right: -1.125rem !important;
}
.al-mt-n-18 {
  margin-top: -1.125rem !important;
}
.al-mb-n-18 {
  margin-bottom: -1.125rem !important;
}
.al-m-20 {
  margin: 1.25rem !important;
}
.al-my-20 {
  margin-top: 1.25rem !important;
  margin-bottom: 1.25rem !important;
}
.al-mx-20 {
  margin-left: 1.25rem !important;
  margin-right: 1.25rem !important;
}
.al-mt-20 {
  margin-top: 1.25rem !important;
}
.al-mb-20 {
  margin-bottom: 1.25rem !important;
}
.al-my-n-20 {
  margin-top: -1.25rem !important;
  margin-bottom: -1.25rem !important;
}
.al-mx-n-20 {
  margin-left: -1.25rem !important;
  margin-right: -1.25rem !important;
}
.al-mt-n-20 {
  margin-top: -1.25rem !important;
}
.al-mb-n-20 {
  margin-bottom: -1.25rem !important;
}
.al-m-22 {
  margin: 1.375rem !important;
}
.al-my-22 {
  margin-top: 1.375rem !important;
  margin-bottom: 1.375rem !important;
}
.al-mx-22 {
  margin-left: 1.375rem !important;
  margin-right: 1.375rem !important;
}
.al-mt-22 {
  margin-top: 1.375rem !important;
}
.al-mb-22 {
  margin-bottom: 1.375rem !important;
}
.al-my-n-22 {
  margin-top: -1.375rem !important;
  margin-bottom: -1.375rem !important;
}
.al-mx-n-22 {
  margin-left: -1.375rem !important;
  margin-right: -1.375rem !important;
}
.al-mt-n-22 {
  margin-top: -1.375rem !important;
}
.al-mb-n-22 {
  margin-bottom: -1.375rem !important;
}
.al-m-24 {
  margin: 1.5rem !important;
}
.al-my-24 {
  margin-top: 1.5rem !important;
  margin-bottom: 1.5rem !important;
}
.al-mx-24 {
  margin-left: 1.5rem !important;
  margin-right: 1.5rem !important;
}
.al-mt-24 {
  margin-top: 1.5rem !important;
}
.al-mb-24 {
  margin-bottom: 1.5rem !important;
}
.al-my-n-24 {
  margin-top: -1.5rem !important;
  margin-bottom: -1.5rem !important;
}
.al-mx-n-24 {
  margin-left: -1.5rem !important;
  margin-right: -1.5rem !important;
}
.al-mt-n-24 {
  margin-top: -1.5rem !important;
}
.al-mb-n-24 {
  margin-bottom: -1.5rem !important;
}
.al-m-25 {
  margin: 1.563rem !important;
}
.al-my-25 {
  margin-top: 1.563rem !important;
  margin-bottom: 1.563rem !important;
}
.al-mx-25 {
  margin-left: 1.563rem !important;
  margin-right: 1.563rem !important;
}
.al-mt-25 {
  margin-top: 1.563rem !important;
}
.al-mb-25 {
  margin-bottom: 1.563rem !important;
}
.al-my-n-25 {
  margin-top: -1.563rem !important;
  margin-bottom: -1.563rem !important;
}
.al-mx-n-25 {
  margin-left: -1.563rem !important;
  margin-right: -1.563rem !important;
}
.al-mt-n-25 {
  margin-top: -1.563rem !important;
}
.al-mb-n-25 {
  margin-bottom: -1.563rem !important;
}
.al-m-26 {
  margin: 1.625rem !important;
}
.al-my-26 {
  margin-top: 1.625rem !important;
  margin-bottom: 1.625rem !important;
}
.al-mx-26 {
  margin-left: 1.625rem !important;
  margin-right: 1.625rem !important;
}
.al-mt-26 {
  margin-top: 1.625rem !important;
}
.al-mb-26 {
  margin-bottom: 1.625rem !important;
}
.al-my-n-26 {
  margin-top: -1.625rem !important;
  margin-bottom: -1.625rem !important;
}
.al-mx-n-26 {
  margin-left: -1.625rem !important;
  margin-right: -1.625rem !important;
}
.al-mt-n-26 {
  margin-top: -1.625rem !important;
}
.al-mb-n-26 {
  margin-bottom: -1.625rem !important;
}
.al-m-28 {
  margin: 1.75rem !important;
}
.al-my-28 {
  margin-top: 1.75rem !important;
  margin-bottom: 1.75rem !important;
}
.al-mx-28 {
  margin-left: 1.75rem !important;
  margin-right: 1.75rem !important;
}
.al-mt-28 {
  margin-top: 1.75rem !important;
}
.al-mb-28 {
  margin-bottom: 1.75rem !important;
}
.al-my-n-28 {
  margin-top: -1.75rem !important;
  margin-bottom: -1.75rem !important;
}
.al-mx-n-28 {
  margin-left: -1.75rem !important;
  margin-right: -1.75rem !important;
}
.al-mt-n-28 {
  margin-top: -1.75rem !important;
}
.al-mb-n-28 {
  margin-bottom: -1.75rem !important;
}
.al-m-30 {
  margin: 1.875rem !important;
}
.al-my-30 {
  margin-top: 1.875rem !important;
  margin-bottom: 1.875rem !important;
}
.al-mx-30 {
  margin-left: 1.875rem !important;
  margin-right: 1.875rem !important;
}
.al-mt-30 {
  margin-top: 1.875rem !important;
}
.al-mb-30 {
  margin-bottom: 1.875rem !important;
}
.al-my-n-30 {
  margin-top: -1.875rem !important;
  margin-bottom: -1.875rem !important;
}
.al-mx-n-30 {
  margin-left: -1.875rem !important;
  margin-right: -1.875rem !important;
}
.al-mt-n-30 {
  margin-top: -1.875rem !important;
}
.al-mb-n-30 {
  margin-bottom: -1.875rem !important;
}
.al-m-32 {
  margin: 2rem !important;
}
.al-my-32 {
  margin-top: 2rem !important;
  margin-bottom: 2rem !important;
}
.al-mx-32 {
  margin-left: 2rem !important;
  margin-right: 2rem !important;
}
.al-mt-32 {
  margin-top: 2rem !important;
}
.al-mb-32 {
  margin-bottom: 2rem !important;
}
.al-my-n-32 {
  margin-top: -2rem !important;
  margin-bottom: -2rem !important;
}
.al-mx-n-32 {
  margin-left: -2rem !important;
  margin-right: -2rem !important;
}
.al-mt-n-32 {
  margin-top: -2rem !important;
}
.al-mb-n-32 {
  margin-bottom: -2rem !important;
}
.al-m-36 {
  margin: 2.25rem !important;
}
.al-my-36 {
  margin-top: 2.25rem !important;
  margin-bottom: 2.25rem !important;
}
.al-mx-36 {
  margin-left: 2.25rem !important;
  margin-right: 2.25rem !important;
}
.al-mt-36 {
  margin-top: 2.25rem !important;
}
.al-mb-36 {
  margin-bottom: 2.25rem !important;
}
.al-my-n-36 {
  margin-top: -2.25rem !important;
  margin-bottom: -2.25rem !important;
}
.al-mx-n-36 {
  margin-left: -2.25rem !important;
  margin-right: -2.25rem !important;
}
.al-mt-n-36 {
  margin-top: -2.25rem !important;
}
.al-mb-n-36 {
  margin-bottom: -2.25rem !important;
}
.al-m-40 {
  margin: 2.5rem !important;
}
.al-my-40 {
  margin-top: 2.5rem !important;
  margin-bottom: 2.5rem !important;
}
.al-mx-40 {
  margin-left: 2.5rem !important;
  margin-right: 2.5rem !important;
}
.al-mt-40 {
  margin-top: 2.5rem !important;
}
.al-mb-40 {
  margin-bottom: 2.5rem !important;
}
.al-my-n-40 {
  margin-top: -2.5rem !important;
  margin-bottom: -2.5rem !important;
}
.al-mx-n-40 {
  margin-left: -2.5rem !important;
  margin-right: -2.5rem !important;
}
.al-mt-n-40 {
  margin-top: -2.5rem !important;
}
.al-mb-n-40 {
  margin-bottom: -2.5rem !important;
}
.al-m-45 {
  margin: 2.813rem !important;
}
.al-my-45 {
  margin-top: 2.813rem !important;
  margin-bottom: 2.813rem !important;
}
.al-mx-45 {
  margin-left: 2.813rem !important;
  margin-right: 2.813rem !important;
}
.al-mt-45 {
  margin-top: 2.813rem !important;
}
.al-mb-45 {
  margin-bottom: 2.813rem !important;
}
.al-my-n-45 {
  margin-top: -2.813rem !important;
  margin-bottom: -2.813rem !important;
}
.al-mx-n-45 {
  margin-left: -2.813rem !important;
  margin-right: -2.813rem !important;
}
.al-mt-n-45 {
  margin-top: -2.813rem !important;
}
.al-mb-n-45 {
  margin-bottom: -2.813rem !important;
}
.al-m-48 {
  margin: 3rem !important;
}
.al-my-48 {
  margin-top: 3rem !important;
  margin-bottom: 3rem !important;
}
.al-mx-48 {
  margin-left: 3rem !important;
  margin-right: 3rem !important;
}
.al-mt-48 {
  margin-top: 3rem !important;
}
.al-mb-48 {
  margin-bottom: 3rem !important;
}
.al-my-n-48 {
  margin-top: -3rem !important;
  margin-bottom: -3rem !important;
}
.al-mx-n-48 {
  margin-left: -3rem !important;
  margin-right: -3rem !important;
}
.al-mt-n-48 {
  margin-top: -3rem !important;
}
.al-mb-n-48 {
  margin-bottom: -3rem !important;
}
.al-m-50 {
  margin: 3.125rem !important;
}
.al-my-50 {
  margin-top: 3.125rem !important;
  margin-bottom: 3.125rem !important;
}
.al-mx-50 {
  margin-left: 3.125rem !important;
  margin-right: 3.125rem !important;
}
.al-mt-50 {
  margin-top: 3.125rem !important;
}
.al-mb-50 {
  margin-bottom: 3.125rem !important;
}
.al-my-n-50 {
  margin-top: -3.125rem !important;
  margin-bottom: -3.125rem !important;
}
.al-mx-n-50 {
  margin-left: -3.125rem !important;
  margin-right: -3.125rem !important;
}
.al-mt-n-50 {
  margin-top: -3.125rem !important;
}
.al-mb-n-50 {
  margin-bottom: -3.125rem !important;
}
.al-m-55 {
  margin: 3.438rem !important;
}
.al-my-55 {
  margin-top: 3.438rem !important;
  margin-bottom: 3.438rem !important;
}
.al-mx-55 {
  margin-left: 3.438rem !important;
  margin-right: 3.438rem !important;
}
.al-mt-55 {
  margin-top: 3.438rem !important;
}
.al-mb-55 {
  margin-bottom: 3.438rem !important;
}
.al-my-n-55 {
  margin-top: -3.438rem !important;
  margin-bottom: -3.438rem !important;
}
.al-mx-n-55 {
  margin-left: -3.438rem !important;
  margin-right: -3.438rem !important;
}
.al-mt-n-55 {
  margin-top: -3.438rem !important;
}
.al-mb-n-55 {
  margin-bottom: -3.438rem !important;
}
.al-m-56 {
  margin: 3.5rem !important;
}
.al-my-56 {
  margin-top: 3.5rem !important;
  margin-bottom: 3.5rem !important;
}
.al-mx-56 {
  margin-left: 3.5rem !important;
  margin-right: 3.5rem !important;
}
.al-mt-56 {
  margin-top: 3.5rem !important;
}
.al-mb-56 {
  margin-bottom: 3.5rem !important;
}
.al-my-n-56 {
  margin-top: -3.5rem !important;
  margin-bottom: -3.5rem !important;
}
.al-mx-n-56 {
  margin-left: -3.5rem !important;
  margin-right: -3.5rem !important;
}
.al-mt-n-56 {
  margin-top: -3.5rem !important;
}
.al-mb-n-56 {
  margin-bottom: -3.5rem !important;
}
.al-m-60 {
  margin: 3.75rem !important;
}
.al-my-60 {
  margin-top: 3.75rem !important;
  margin-bottom: 3.75rem !important;
}
.al-mx-60 {
  margin-left: 3.75rem !important;
  margin-right: 3.75rem !important;
}
.al-mt-60 {
  margin-top: 3.75rem !important;
}
.al-mb-60 {
  margin-bottom: 3.75rem !important;
}
.al-my-n-60 {
  margin-top: -3.75rem !important;
  margin-bottom: -3.75rem !important;
}
.al-mx-n-60 {
  margin-left: -3.75rem !important;
  margin-right: -3.75rem !important;
}
.al-mt-n-60 {
  margin-top: -3.75rem !important;
}
.al-mb-n-60 {
  margin-bottom: -3.75rem !important;
}
.al-m-64 {
  margin: 4rem !important;
}
.al-my-64 {
  margin-top: 4rem !important;
  margin-bottom: 4rem !important;
}
.al-mx-64 {
  margin-left: 4rem !important;
  margin-right: 4rem !important;
}
.al-mt-64 {
  margin-top: 4rem !important;
}
.al-mb-64 {
  margin-bottom: 4rem !important;
}
.al-my-n-64 {
  margin-top: -4rem !important;
  margin-bottom: -4rem !important;
}
.al-mx-n-64 {
  margin-left: -4rem !important;
  margin-right: -4rem !important;
}
.al-mt-n-64 {
  margin-top: -4rem !important;
}
.al-mb-n-64 {
  margin-bottom: -4rem !important;
}
.al-m-65 {
  margin: 4.063rem !important;
}
.al-my-65 {
  margin-top: 4.063rem !important;
  margin-bottom: 4.063rem !important;
}
.al-mx-65 {
  margin-left: 4.063rem !important;
  margin-right: 4.063rem !important;
}
.al-mt-65 {
  margin-top: 4.063rem !important;
}
.al-mb-65 {
  margin-bottom: 4.063rem !important;
}
.al-my-n-65 {
  margin-top: -4.063rem !important;
  margin-bottom: -4.063rem !important;
}
.al-mx-n-65 {
  margin-left: -4.063rem !important;
  margin-right: -4.063rem !important;
}
.al-mt-n-65 {
  margin-top: -4.063rem !important;
}
.al-mb-n-65 {
  margin-bottom: -4.063rem !important;
}
.al-m-70 {
  margin: 4.375rem !important;
}
.al-my-70 {
  margin-top: 4.375rem !important;
  margin-bottom: 4.375rem !important;
}
.al-mx-70 {
  margin-left: 4.375rem !important;
  margin-right: 4.375rem !important;
}
.al-mt-70 {
  margin-top: 4.375rem !important;
}
.al-mb-70 {
  margin-bottom: 4.375rem !important;
}
.al-my-n-70 {
  margin-top: -4.375rem !important;
  margin-bottom: -4.375rem !important;
}
.al-mx-n-70 {
  margin-left: -4.375rem !important;
  margin-right: -4.375rem !important;
}
.al-mt-n-70 {
  margin-top: -4.375rem !important;
}
.al-mb-n-70 {
  margin-bottom: -4.375rem !important;
}
.al-m-75 {
  margin: 4.688rem !important;
}
.al-my-75 {
  margin-top: 4.688rem !important;
  margin-bottom: 4.688rem !important;
}
.al-mx-75 {
  margin-left: 4.688rem !important;
  margin-right: 4.688rem !important;
}
.al-mt-75 {
  margin-top: 4.688rem !important;
}
.al-mb-75 {
  margin-bottom: 4.688rem !important;
}
.al-my-n-75 {
  margin-top: -4.688rem !important;
  margin-bottom: -4.688rem !important;
}
.al-mx-n-75 {
  margin-left: -4.688rem !important;
  margin-right: -4.688rem !important;
}
.al-mt-n-75 {
  margin-top: -4.688rem !important;
}
.al-mb-n-75 {
  margin-bottom: -4.688rem !important;
}
.al-m-80 {
  margin: 5rem !important;
}
.al-my-80 {
  margin-top: 5rem !important;
  margin-bottom: 5rem !important;
}
.al-mx-80 {
  margin-left: 5rem !important;
  margin-right: 5rem !important;
}
.al-mt-80 {
  margin-top: 5rem !important;
}
.al-mb-80 {
  margin-bottom: 5rem !important;
}
.al-my-n-80 {
  margin-top: -5rem !important;
  margin-bottom: -5rem !important;
}
.al-mx-n-80 {
  margin-left: -5rem !important;
  margin-right: -5rem !important;
}
.al-mt-n-80 {
  margin-top: -5rem !important;
}
.al-mb-n-80 {
  margin-bottom: -5rem !important;
}
.al-m-85 {
  margin: 5.313rem !important;
}
.al-my-85 {
  margin-top: 5.313rem !important;
  margin-bottom: 5.313rem !important;
}
.al-mx-85 {
  margin-left: 5.313rem !important;
  margin-right: 5.313rem !important;
}
.al-mt-85 {
  margin-top: 5.313rem !important;
}
.al-mb-85 {
  margin-bottom: 5.313rem !important;
}
.al-my-n-85 {
  margin-top: -5.313rem !important;
  margin-bottom: -5.313rem !important;
}
.al-mx-n-85 {
  margin-left: -5.313rem !important;
  margin-right: -5.313rem !important;
}
.al-mt-n-85 {
  margin-top: -5.313rem !important;
}
.al-mb-n-85 {
  margin-bottom: -5.313rem !important;
}
.al-m-90 {
  margin: 5.625rem !important;
}
.al-my-90 {
  margin-top: 5.625rem !important;
  margin-bottom: 5.625rem !important;
}
.al-mx-90 {
  margin-left: 5.625rem !important;
  margin-right: 5.625rem !important;
}
.al-mt-90 {
  margin-top: 5.625rem !important;
}
.al-mb-90 {
  margin-bottom: 5.625rem !important;
}
.al-my-n-90 {
  margin-top: -5.625rem !important;
  margin-bottom: -5.625rem !important;
}
.al-mx-n-90 {
  margin-left: -5.625rem !important;
  margin-right: -5.625rem !important;
}
.al-mt-n-90 {
  margin-top: -5.625rem !important;
}
.al-mb-n-90 {
  margin-bottom: -5.625rem !important;
}
.al-m-95 {
  margin: 5.938rem !important;
}
.al-my-95 {
  margin-top: 5.938rem !important;
  margin-bottom: 5.938rem !important;
}
.al-mx-95 {
  margin-left: 5.938rem !important;
  margin-right: 5.938rem !important;
}
.al-mt-95 {
  margin-top: 5.938rem !important;
}
.al-mb-95 {
  margin-bottom: 5.938rem !important;
}
.al-my-n-95 {
  margin-top: -5.938rem !important;
  margin-bottom: -5.938rem !important;
}
.al-mx-n-95 {
  margin-left: -5.938rem !important;
  margin-right: -5.938rem !important;
}
.al-mt-n-95 {
  margin-top: -5.938rem !important;
}
.al-mb-n-95 {
  margin-bottom: -5.938rem !important;
}
.al-m-100 {
  margin: 6.25rem !important;
}
.al-my-100 {
  margin-top: 6.25rem !important;
  margin-bottom: 6.25rem !important;
}
.al-mx-100 {
  margin-left: 6.25rem !important;
  margin-right: 6.25rem !important;
}
.al-mt-100 {
  margin-top: 6.25rem !important;
}
.al-mb-100 {
  margin-bottom: 6.25rem !important;
}
.al-my-n-100 {
  margin-top: -6.25rem !important;
  margin-bottom: -6.25rem !important;
}
.al-mx-n-100 {
  margin-left: -6.25rem !important;
  margin-right: -6.25rem !important;
}
.al-mt-n-100 {
  margin-top: -6.25rem !important;
}
.al-mb-n-100 {
  margin-bottom: -6.25rem !important;
}
.al-m-110 {
  margin: 6.875rem !important;
}
.al-my-110 {
  margin-top: 6.875rem !important;
  margin-bottom: 6.875rem !important;
}
.al-mx-110 {
  margin-left: 6.875rem !important;
  margin-right: 6.875rem !important;
}
.al-mt-110 {
  margin-top: 6.875rem !important;
}
.al-mb-110 {
  margin-bottom: 6.875rem !important;
}
.al-my-n-110 {
  margin-top: -6.875rem !important;
  margin-bottom: -6.875rem !important;
}
.al-mx-n-110 {
  margin-left: -6.875rem !important;
  margin-right: -6.875rem !important;
}
.al-mt-n-110 {
  margin-top: -6.875rem !important;
}
.al-mb-n-110 {
  margin-bottom: -6.875rem !important;
}
.al-m-120 {
  margin: 7.5rem !important;
}
.al-my-120 {
  margin-top: 7.5rem !important;
  margin-bottom: 7.5rem !important;
}
.al-mx-120 {
  margin-left: 7.5rem !important;
  margin-right: 7.5rem !important;
}
.al-mt-120 {
  margin-top: 7.5rem !important;
}
.al-mb-120 {
  margin-bottom: 7.5rem !important;
}
.al-my-n-120 {
  margin-top: -7.5rem !important;
  margin-bottom: -7.5rem !important;
}
.al-mx-n-120 {
  margin-left: -7.5rem !important;
  margin-right: -7.5rem !important;
}
.al-mt-n-120 {
  margin-top: -7.5rem !important;
}
.al-mb-n-120 {
  margin-bottom: -7.5rem !important;
}
.al-m-130 {
  margin: 8.125rem !important;
}
.al-my-130 {
  margin-top: 8.125rem !important;
  margin-bottom: 8.125rem !important;
}
.al-mx-130 {
  margin-left: 8.125rem !important;
  margin-right: 8.125rem !important;
}
.al-mt-130 {
  margin-top: 8.125rem !important;
}
.al-mb-130 {
  margin-bottom: 8.125rem !important;
}
.al-my-n-130 {
  margin-top: -8.125rem !important;
  margin-bottom: -8.125rem !important;
}
.al-mx-n-130 {
  margin-left: -8.125rem !important;
  margin-right: -8.125rem !important;
}
.al-mt-n-130 {
  margin-top: -8.125rem !important;
}
.al-mb-n-130 {
  margin-bottom: -8.125rem !important;
}
.al-m-140 {
  margin: 8.75rem !important;
}
.al-my-140 {
  margin-top: 8.75rem !important;
  margin-bottom: 8.75rem !important;
}
.al-mx-140 {
  margin-left: 8.75rem !important;
  margin-right: 8.75rem !important;
}
.al-mt-140 {
  margin-top: 8.75rem !important;
}
.al-mb-140 {
  margin-bottom: 8.75rem !important;
}
.al-my-n-140 {
  margin-top: -8.75rem !important;
  margin-bottom: -8.75rem !important;
}
.al-mx-n-140 {
  margin-left: -8.75rem !important;
  margin-right: -8.75rem !important;
}
.al-mt-n-140 {
  margin-top: -8.75rem !important;
}
.al-mb-n-140 {
  margin-bottom: -8.75rem !important;
}
.al-m-150 {
  margin: 9.375rem !important;
}
.al-my-150 {
  margin-top: 9.375rem !important;
  margin-bottom: 9.375rem !important;
}
.al-mx-150 {
  margin-left: 9.375rem !important;
  margin-right: 9.375rem !important;
}
.al-mt-150 {
  margin-top: 9.375rem !important;
}
.al-mb-150 {
  margin-bottom: 9.375rem !important;
}
.al-my-n-150 {
  margin-top: -9.375rem !important;
  margin-bottom: -9.375rem !important;
}
.al-mx-n-150 {
  margin-left: -9.375rem !important;
  margin-right: -9.375rem !important;
}
.al-mt-n-150 {
  margin-top: -9.375rem !important;
}
.al-mb-n-150 {
  margin-bottom: -9.375rem !important;
}
.al-m-170 {
  margin: 10.625rem !important;
}
.al-my-170 {
  margin-top: 10.625rem !important;
  margin-bottom: 10.625rem !important;
}
.al-mx-170 {
  margin-left: 10.625rem !important;
  margin-right: 10.625rem !important;
}
.al-mt-170 {
  margin-top: 10.625rem !important;
}
.al-mb-170 {
  margin-bottom: 10.625rem !important;
}
.al-my-n-170 {
  margin-top: -10.625rem !important;
  margin-bottom: -10.625rem !important;
}
.al-mx-n-170 {
  margin-left: -10.625rem !important;
  margin-right: -10.625rem !important;
}
.al-mt-n-170 {
  margin-top: -10.625rem !important;
}
.al-mb-n-170 {
  margin-bottom: -10.625rem !important;
}
.al-m-200 {
  margin: 12.5rem !important;
}
.al-my-200 {
  margin-top: 12.5rem !important;
  margin-bottom: 12.5rem !important;
}
.al-mx-200 {
  margin-left: 12.5rem !important;
  margin-right: 12.5rem !important;
}
.al-mt-200 {
  margin-top: 12.5rem !important;
}
.al-mb-200 {
  margin-bottom: 12.5rem !important;
}
.al-my-n-200 {
  margin-top: -12.5rem !important;
  margin-bottom: -12.5rem !important;
}
.al-mx-n-200 {
  margin-left: -12.5rem !important;
  margin-right: -12.5rem !important;
}
.al-mt-n-200 {
  margin-top: -12.5rem !important;
}
.al-mb-n-200 {
  margin-bottom: -12.5rem !important;
}
.al-m-250 {
  margin: 15.625rem !important;
}
.al-my-250 {
  margin-top: 15.625rem !important;
  margin-bottom: 15.625rem !important;
}
.al-mx-250 {
  margin-left: 15.625rem !important;
  margin-right: 15.625rem !important;
}
.al-mt-250 {
  margin-top: 15.625rem !important;
}
.al-mb-250 {
  margin-bottom: 15.625rem !important;
}
.al-my-n-250 {
  margin-top: -15.625rem !important;
  margin-bottom: -15.625rem !important;
}
.al-mx-n-250 {
  margin-left: -15.625rem !important;
  margin-right: -15.625rem !important;
}
.al-mt-n-250 {
  margin-top: -15.625rem !important;
}
.al-mb-n-250 {
  margin-bottom: -15.625rem !important;
}
.al-m-300 {
  margin: 18.75rem !important;
}
.al-my-300 {
  margin-top: 18.75rem !important;
  margin-bottom: 18.75rem !important;
}
.al-mx-300 {
  margin-left: 18.75rem !important;
  margin-right: 18.75rem !important;
}
.al-mt-300 {
  margin-top: 18.75rem !important;
}
.al-mb-300 {
  margin-bottom: 18.75rem !important;
}
.al-my-n-300 {
  margin-top: -18.75rem !important;
  margin-bottom: -18.75rem !important;
}
.al-mx-n-300 {
  margin-left: -18.75rem !important;
  margin-right: -18.75rem !important;
}
.al-mt-n-300 {
  margin-top: -18.75rem !important;
}
.al-mb-n-300 {
  margin-bottom: -18.75rem !important;
}

/* ===== Spacing RTL & LTR ===== */
html[dir=ltr] .al-ps-0 {
  padding-left: 0rem !important;
}
html[dir=ltr] .al-pe-0 {
  padding-right: 0rem !important;
}
html[dir=ltr] .al-ms-0 {
  margin-left: 0rem !important;
}
html[dir=ltr] .al-me-0 {
  margin-right: 0rem !important;
}
html[dir=ltr] .al-ms-n-0 {
  margin-left: 0rem !important;
}
html[dir=ltr] .al-me-n-0 {
  margin-right: 0rem !important;
}
html[dir=ltr] .al-ps-1 {
  padding-left: 0.063rem !important;
}
html[dir=ltr] .al-pe-1 {
  padding-right: 0.063rem !important;
}
html[dir=ltr] .al-ms-1 {
  margin-left: 0.063rem !important;
}
html[dir=ltr] .al-me-1 {
  margin-right: 0.063rem !important;
}
html[dir=ltr] .al-ms-n-1 {
  margin-left: -0.063rem !important;
}
html[dir=ltr] .al-me-n-1 {
  margin-right: -0.063rem !important;
}
html[dir=ltr] .al-ps-2 {
  padding-left: 0.125rem !important;
}
html[dir=ltr] .al-pe-2 {
  padding-right: 0.125rem !important;
}
html[dir=ltr] .al-ms-2 {
  margin-left: 0.125rem !important;
}
html[dir=ltr] .al-me-2 {
  margin-right: 0.125rem !important;
}
html[dir=ltr] .al-ms-n-2 {
  margin-left: -0.125rem !important;
}
html[dir=ltr] .al-me-n-2 {
  margin-right: -0.125rem !important;
}
html[dir=ltr] .al-ps-3 {
  padding-left: 0.188rem !important;
}
html[dir=ltr] .al-pe-3 {
  padding-right: 0.188rem !important;
}
html[dir=ltr] .al-ms-3 {
  margin-left: 0.188rem !important;
}
html[dir=ltr] .al-me-3 {
  margin-right: 0.188rem !important;
}
html[dir=ltr] .al-ms-n-3 {
  margin-left: -0.188rem !important;
}
html[dir=ltr] .al-me-n-3 {
  margin-right: -0.188rem !important;
}
html[dir=ltr] .al-ps-4 {
  padding-left: 0.25rem !important;
}
html[dir=ltr] .al-pe-4 {
  padding-right: 0.25rem !important;
}
html[dir=ltr] .al-ms-4 {
  margin-left: 0.25rem !important;
}
html[dir=ltr] .al-me-4 {
  margin-right: 0.25rem !important;
}
html[dir=ltr] .al-ms-n-4 {
  margin-left: -0.25rem !important;
}
html[dir=ltr] .al-me-n-4 {
  margin-right: -0.25rem !important;
}
html[dir=ltr] .al-ps-5 {
  padding-left: 0.313rem !important;
}
html[dir=ltr] .al-pe-5 {
  padding-right: 0.313rem !important;
}
html[dir=ltr] .al-ms-5 {
  margin-left: 0.313rem !important;
}
html[dir=ltr] .al-me-5 {
  margin-right: 0.313rem !important;
}
html[dir=ltr] .al-ms-n-5 {
  margin-left: -0.313rem !important;
}
html[dir=ltr] .al-me-n-5 {
  margin-right: -0.313rem !important;
}
html[dir=ltr] .al-ps-6 {
  padding-left: 0.375rem !important;
}
html[dir=ltr] .al-pe-6 {
  padding-right: 0.375rem !important;
}
html[dir=ltr] .al-ms-6 {
  margin-left: 0.375rem !important;
}
html[dir=ltr] .al-me-6 {
  margin-right: 0.375rem !important;
}
html[dir=ltr] .al-ms-n-6 {
  margin-left: -0.375rem !important;
}
html[dir=ltr] .al-me-n-6 {
  margin-right: -0.375rem !important;
}
html[dir=ltr] .al-ps-7 {
  padding-left: 0.438rem !important;
}
html[dir=ltr] .al-pe-7 {
  padding-right: 0.438rem !important;
}
html[dir=ltr] .al-ms-7 {
  margin-left: 0.438rem !important;
}
html[dir=ltr] .al-me-7 {
  margin-right: 0.438rem !important;
}
html[dir=ltr] .al-ms-n-7 {
  margin-left: -0.438rem !important;
}
html[dir=ltr] .al-me-n-7 {
  margin-right: -0.438rem !important;
}
html[dir=ltr] .al-ps-8 {
  padding-left: 0.5rem !important;
}
html[dir=ltr] .al-pe-8 {
  padding-right: 0.5rem !important;
}
html[dir=ltr] .al-ms-8 {
  margin-left: 0.5rem !important;
}
html[dir=ltr] .al-me-8 {
  margin-right: 0.5rem !important;
}
html[dir=ltr] .al-ms-n-8 {
  margin-left: -0.5rem !important;
}
html[dir=ltr] .al-me-n-8 {
  margin-right: -0.5rem !important;
}
html[dir=ltr] .al-ps-9 {
  padding-left: 0.563rem !important;
}
html[dir=ltr] .al-pe-9 {
  padding-right: 0.563rem !important;
}
html[dir=ltr] .al-ms-9 {
  margin-left: 0.563rem !important;
}
html[dir=ltr] .al-me-9 {
  margin-right: 0.563rem !important;
}
html[dir=ltr] .al-ms-n-9 {
  margin-left: -0.563rem !important;
}
html[dir=ltr] .al-me-n-9 {
  margin-right: -0.563rem !important;
}
html[dir=ltr] .al-ps-10 {
  padding-left: 0.625rem !important;
}
html[dir=ltr] .al-pe-10 {
  padding-right: 0.625rem !important;
}
html[dir=ltr] .al-ms-10 {
  margin-left: 0.625rem !important;
}
html[dir=ltr] .al-me-10 {
  margin-right: 0.625rem !important;
}
html[dir=ltr] .al-ms-n-10 {
  margin-left: -0.625rem !important;
}
html[dir=ltr] .al-me-n-10 {
  margin-right: -0.625rem !important;
}
html[dir=ltr] .al-ps-12 {
  padding-left: 0.75rem !important;
}
html[dir=ltr] .al-pe-12 {
  padding-right: 0.75rem !important;
}
html[dir=ltr] .al-ms-12 {
  margin-left: 0.75rem !important;
}
html[dir=ltr] .al-me-12 {
  margin-right: 0.75rem !important;
}
html[dir=ltr] .al-ms-n-12 {
  margin-left: -0.75rem !important;
}
html[dir=ltr] .al-me-n-12 {
  margin-right: -0.75rem !important;
}
html[dir=ltr] .al-ps-16 {
  padding-left: 1rem !important;
}
html[dir=ltr] .al-pe-16 {
  padding-right: 1rem !important;
}
html[dir=ltr] .al-ms-16 {
  margin-left: 1rem !important;
}
html[dir=ltr] .al-me-16 {
  margin-right: 1rem !important;
}
html[dir=ltr] .al-ms-n-16 {
  margin-left: -1rem !important;
}
html[dir=ltr] .al-me-n-16 {
  margin-right: -1rem !important;
}
html[dir=ltr] .al-ps-18 {
  padding-left: 1.125rem !important;
}
html[dir=ltr] .al-pe-18 {
  padding-right: 1.125rem !important;
}
html[dir=ltr] .al-ms-18 {
  margin-left: 1.125rem !important;
}
html[dir=ltr] .al-me-18 {
  margin-right: 1.125rem !important;
}
html[dir=ltr] .al-ms-n-18 {
  margin-left: -1.125rem !important;
}
html[dir=ltr] .al-me-n-18 {
  margin-right: -1.125rem !important;
}
html[dir=ltr] .al-ps-20 {
  padding-left: 1.25rem !important;
}
html[dir=ltr] .al-pe-20 {
  padding-right: 1.25rem !important;
}
html[dir=ltr] .al-ms-20 {
  margin-left: 1.25rem !important;
}
html[dir=ltr] .al-me-20 {
  margin-right: 1.25rem !important;
}
html[dir=ltr] .al-ms-n-20 {
  margin-left: -1.25rem !important;
}
html[dir=ltr] .al-me-n-20 {
  margin-right: -1.25rem !important;
}
html[dir=ltr] .al-ps-22 {
  padding-left: 1.375rem !important;
}
html[dir=ltr] .al-pe-22 {
  padding-right: 1.375rem !important;
}
html[dir=ltr] .al-ms-22 {
  margin-left: 1.375rem !important;
}
html[dir=ltr] .al-me-22 {
  margin-right: 1.375rem !important;
}
html[dir=ltr] .al-ms-n-22 {
  margin-left: -1.375rem !important;
}
html[dir=ltr] .al-me-n-22 {
  margin-right: -1.375rem !important;
}
html[dir=ltr] .al-ps-24 {
  padding-left: 1.5rem !important;
}
html[dir=ltr] .al-pe-24 {
  padding-right: 1.5rem !important;
}
html[dir=ltr] .al-ms-24 {
  margin-left: 1.5rem !important;
}
html[dir=ltr] .al-me-24 {
  margin-right: 1.5rem !important;
}
html[dir=ltr] .al-ms-n-24 {
  margin-left: -1.5rem !important;
}
html[dir=ltr] .al-me-n-24 {
  margin-right: -1.5rem !important;
}
html[dir=ltr] .al-ps-25 {
  padding-left: 1.563rem !important;
}
html[dir=ltr] .al-pe-25 {
  padding-right: 1.563rem !important;
}
html[dir=ltr] .al-ms-25 {
  margin-left: 1.563rem !important;
}
html[dir=ltr] .al-me-25 {
  margin-right: 1.563rem !important;
}
html[dir=ltr] .al-ms-n-25 {
  margin-left: -1.563rem !important;
}
html[dir=ltr] .al-me-n-25 {
  margin-right: -1.563rem !important;
}
html[dir=ltr] .al-ps-26 {
  padding-left: 1.625rem !important;
}
html[dir=ltr] .al-pe-26 {
  padding-right: 1.625rem !important;
}
html[dir=ltr] .al-ms-26 {
  margin-left: 1.625rem !important;
}
html[dir=ltr] .al-me-26 {
  margin-right: 1.625rem !important;
}
html[dir=ltr] .al-ms-n-26 {
  margin-left: -1.625rem !important;
}
html[dir=ltr] .al-me-n-26 {
  margin-right: -1.625rem !important;
}
html[dir=ltr] .al-ps-28 {
  padding-left: 1.75rem !important;
}
html[dir=ltr] .al-pe-28 {
  padding-right: 1.75rem !important;
}
html[dir=ltr] .al-ms-28 {
  margin-left: 1.75rem !important;
}
html[dir=ltr] .al-me-28 {
  margin-right: 1.75rem !important;
}
html[dir=ltr] .al-ms-n-28 {
  margin-left: -1.75rem !important;
}
html[dir=ltr] .al-me-n-28 {
  margin-right: -1.75rem !important;
}
html[dir=ltr] .al-ps-30 {
  padding-left: 1.875rem !important;
}
html[dir=ltr] .al-pe-30 {
  padding-right: 1.875rem !important;
}
html[dir=ltr] .al-ms-30 {
  margin-left: 1.875rem !important;
}
html[dir=ltr] .al-me-30 {
  margin-right: 1.875rem !important;
}
html[dir=ltr] .al-ms-n-30 {
  margin-left: -1.875rem !important;
}
html[dir=ltr] .al-me-n-30 {
  margin-right: -1.875rem !important;
}
html[dir=ltr] .al-ps-32 {
  padding-left: 2rem !important;
}
html[dir=ltr] .al-pe-32 {
  padding-right: 2rem !important;
}
html[dir=ltr] .al-ms-32 {
  margin-left: 2rem !important;
}
html[dir=ltr] .al-me-32 {
  margin-right: 2rem !important;
}
html[dir=ltr] .al-ms-n-32 {
  margin-left: -2rem !important;
}
html[dir=ltr] .al-me-n-32 {
  margin-right: -2rem !important;
}
html[dir=ltr] .al-ps-36 {
  padding-left: 2.25rem !important;
}
html[dir=ltr] .al-pe-36 {
  padding-right: 2.25rem !important;
}
html[dir=ltr] .al-ms-36 {
  margin-left: 2.25rem !important;
}
html[dir=ltr] .al-me-36 {
  margin-right: 2.25rem !important;
}
html[dir=ltr] .al-ms-n-36 {
  margin-left: -2.25rem !important;
}
html[dir=ltr] .al-me-n-36 {
  margin-right: -2.25rem !important;
}
html[dir=ltr] .al-ps-40 {
  padding-left: 2.5rem !important;
}
html[dir=ltr] .al-pe-40 {
  padding-right: 2.5rem !important;
}
html[dir=ltr] .al-ms-40 {
  margin-left: 2.5rem !important;
}
html[dir=ltr] .al-me-40 {
  margin-right: 2.5rem !important;
}
html[dir=ltr] .al-ms-n-40 {
  margin-left: -2.5rem !important;
}
html[dir=ltr] .al-me-n-40 {
  margin-right: -2.5rem !important;
}
html[dir=ltr] .al-ps-45 {
  padding-left: 2.813rem !important;
}
html[dir=ltr] .al-pe-45 {
  padding-right: 2.813rem !important;
}
html[dir=ltr] .al-ms-45 {
  margin-left: 2.813rem !important;
}
html[dir=ltr] .al-me-45 {
  margin-right: 2.813rem !important;
}
html[dir=ltr] .al-ms-n-45 {
  margin-left: -2.813rem !important;
}
html[dir=ltr] .al-me-n-45 {
  margin-right: -2.813rem !important;
}
html[dir=ltr] .al-ps-48 {
  padding-left: 3rem !important;
}
html[dir=ltr] .al-pe-48 {
  padding-right: 3rem !important;
}
html[dir=ltr] .al-ms-48 {
  margin-left: 3rem !important;
}
html[dir=ltr] .al-me-48 {
  margin-right: 3rem !important;
}
html[dir=ltr] .al-ms-n-48 {
  margin-left: -3rem !important;
}
html[dir=ltr] .al-me-n-48 {
  margin-right: -3rem !important;
}
html[dir=ltr] .al-ps-50 {
  padding-left: 3.125rem !important;
}
html[dir=ltr] .al-pe-50 {
  padding-right: 3.125rem !important;
}
html[dir=ltr] .al-ms-50 {
  margin-left: 3.125rem !important;
}
html[dir=ltr] .al-me-50 {
  margin-right: 3.125rem !important;
}
html[dir=ltr] .al-ms-n-50 {
  margin-left: -3.125rem !important;
}
html[dir=ltr] .al-me-n-50 {
  margin-right: -3.125rem !important;
}
html[dir=ltr] .al-ps-55 {
  padding-left: 3.438rem !important;
}
html[dir=ltr] .al-pe-55 {
  padding-right: 3.438rem !important;
}
html[dir=ltr] .al-ms-55 {
  margin-left: 3.438rem !important;
}
html[dir=ltr] .al-me-55 {
  margin-right: 3.438rem !important;
}
html[dir=ltr] .al-ms-n-55 {
  margin-left: -3.438rem !important;
}
html[dir=ltr] .al-me-n-55 {
  margin-right: -3.438rem !important;
}
html[dir=ltr] .al-ps-56 {
  padding-left: 3.5rem !important;
}
html[dir=ltr] .al-pe-56 {
  padding-right: 3.5rem !important;
}
html[dir=ltr] .al-ms-56 {
  margin-left: 3.5rem !important;
}
html[dir=ltr] .al-me-56 {
  margin-right: 3.5rem !important;
}
html[dir=ltr] .al-ms-n-56 {
  margin-left: -3.5rem !important;
}
html[dir=ltr] .al-me-n-56 {
  margin-right: -3.5rem !important;
}
html[dir=ltr] .al-ps-60 {
  padding-left: 3.75rem !important;
}
html[dir=ltr] .al-pe-60 {
  padding-right: 3.75rem !important;
}
html[dir=ltr] .al-ms-60 {
  margin-left: 3.75rem !important;
}
html[dir=ltr] .al-me-60 {
  margin-right: 3.75rem !important;
}
html[dir=ltr] .al-ms-n-60 {
  margin-left: -3.75rem !important;
}
html[dir=ltr] .al-me-n-60 {
  margin-right: -3.75rem !important;
}
html[dir=ltr] .al-ps-64 {
  padding-left: 4rem !important;
}
html[dir=ltr] .al-pe-64 {
  padding-right: 4rem !important;
}
html[dir=ltr] .al-ms-64 {
  margin-left: 4rem !important;
}
html[dir=ltr] .al-me-64 {
  margin-right: 4rem !important;
}
html[dir=ltr] .al-ms-n-64 {
  margin-left: -4rem !important;
}
html[dir=ltr] .al-me-n-64 {
  margin-right: -4rem !important;
}
html[dir=ltr] .al-ps-65 {
  padding-left: 4.063rem !important;
}
html[dir=ltr] .al-pe-65 {
  padding-right: 4.063rem !important;
}
html[dir=ltr] .al-ms-65 {
  margin-left: 4.063rem !important;
}
html[dir=ltr] .al-me-65 {
  margin-right: 4.063rem !important;
}
html[dir=ltr] .al-ms-n-65 {
  margin-left: -4.063rem !important;
}
html[dir=ltr] .al-me-n-65 {
  margin-right: -4.063rem !important;
}
html[dir=ltr] .al-ps-70 {
  padding-left: 4.375rem !important;
}
html[dir=ltr] .al-pe-70 {
  padding-right: 4.375rem !important;
}
html[dir=ltr] .al-ms-70 {
  margin-left: 4.375rem !important;
}
html[dir=ltr] .al-me-70 {
  margin-right: 4.375rem !important;
}
html[dir=ltr] .al-ms-n-70 {
  margin-left: -4.375rem !important;
}
html[dir=ltr] .al-me-n-70 {
  margin-right: -4.375rem !important;
}
html[dir=ltr] .al-ps-75 {
  padding-left: 4.688rem !important;
}
html[dir=ltr] .al-pe-75 {
  padding-right: 4.688rem !important;
}
html[dir=ltr] .al-ms-75 {
  margin-left: 4.688rem !important;
}
html[dir=ltr] .al-me-75 {
  margin-right: 4.688rem !important;
}
html[dir=ltr] .al-ms-n-75 {
  margin-left: -4.688rem !important;
}
html[dir=ltr] .al-me-n-75 {
  margin-right: -4.688rem !important;
}
html[dir=ltr] .al-ps-80 {
  padding-left: 5rem !important;
}
html[dir=ltr] .al-pe-80 {
  padding-right: 5rem !important;
}
html[dir=ltr] .al-ms-80 {
  margin-left: 5rem !important;
}
html[dir=ltr] .al-me-80 {
  margin-right: 5rem !important;
}
html[dir=ltr] .al-ms-n-80 {
  margin-left: -5rem !important;
}
html[dir=ltr] .al-me-n-80 {
  margin-right: -5rem !important;
}
html[dir=ltr] .al-ps-85 {
  padding-left: 5.313rem !important;
}
html[dir=ltr] .al-pe-85 {
  padding-right: 5.313rem !important;
}
html[dir=ltr] .al-ms-85 {
  margin-left: 5.313rem !important;
}
html[dir=ltr] .al-me-85 {
  margin-right: 5.313rem !important;
}
html[dir=ltr] .al-ms-n-85 {
  margin-left: -5.313rem !important;
}
html[dir=ltr] .al-me-n-85 {
  margin-right: -5.313rem !important;
}
html[dir=ltr] .al-ps-90 {
  padding-left: 5.625rem !important;
}
html[dir=ltr] .al-pe-90 {
  padding-right: 5.625rem !important;
}
html[dir=ltr] .al-ms-90 {
  margin-left: 5.625rem !important;
}
html[dir=ltr] .al-me-90 {
  margin-right: 5.625rem !important;
}
html[dir=ltr] .al-ms-n-90 {
  margin-left: -5.625rem !important;
}
html[dir=ltr] .al-me-n-90 {
  margin-right: -5.625rem !important;
}
html[dir=ltr] .al-ps-95 {
  padding-left: 5.938rem !important;
}
html[dir=ltr] .al-pe-95 {
  padding-right: 5.938rem !important;
}
html[dir=ltr] .al-ms-95 {
  margin-left: 5.938rem !important;
}
html[dir=ltr] .al-me-95 {
  margin-right: 5.938rem !important;
}
html[dir=ltr] .al-ms-n-95 {
  margin-left: -5.938rem !important;
}
html[dir=ltr] .al-me-n-95 {
  margin-right: -5.938rem !important;
}
html[dir=ltr] .al-ps-100 {
  padding-left: 6.25rem !important;
}
html[dir=ltr] .al-pe-100 {
  padding-right: 6.25rem !important;
}
html[dir=ltr] .al-ms-100 {
  margin-left: 6.25rem !important;
}
html[dir=ltr] .al-me-100 {
  margin-right: 6.25rem !important;
}
html[dir=ltr] .al-ms-n-100 {
  margin-left: -6.25rem !important;
}
html[dir=ltr] .al-me-n-100 {
  margin-right: -6.25rem !important;
}
html[dir=ltr] .al-ps-110 {
  padding-left: 6.875rem !important;
}
html[dir=ltr] .al-pe-110 {
  padding-right: 6.875rem !important;
}
html[dir=ltr] .al-ms-110 {
  margin-left: 6.875rem !important;
}
html[dir=ltr] .al-me-110 {
  margin-right: 6.875rem !important;
}
html[dir=ltr] .al-ms-n-110 {
  margin-left: -6.875rem !important;
}
html[dir=ltr] .al-me-n-110 {
  margin-right: -6.875rem !important;
}
html[dir=ltr] .al-ps-120 {
  padding-left: 7.5rem !important;
}
html[dir=ltr] .al-pe-120 {
  padding-right: 7.5rem !important;
}
html[dir=ltr] .al-ms-120 {
  margin-left: 7.5rem !important;
}
html[dir=ltr] .al-me-120 {
  margin-right: 7.5rem !important;
}
html[dir=ltr] .al-ms-n-120 {
  margin-left: -7.5rem !important;
}
html[dir=ltr] .al-me-n-120 {
  margin-right: -7.5rem !important;
}
html[dir=ltr] .al-ps-130 {
  padding-left: 8.125rem !important;
}
html[dir=ltr] .al-pe-130 {
  padding-right: 8.125rem !important;
}
html[dir=ltr] .al-ms-130 {
  margin-left: 8.125rem !important;
}
html[dir=ltr] .al-me-130 {
  margin-right: 8.125rem !important;
}
html[dir=ltr] .al-ms-n-130 {
  margin-left: -8.125rem !important;
}
html[dir=ltr] .al-me-n-130 {
  margin-right: -8.125rem !important;
}
html[dir=ltr] .al-ps-140 {
  padding-left: 8.75rem !important;
}
html[dir=ltr] .al-pe-140 {
  padding-right: 8.75rem !important;
}
html[dir=ltr] .al-ms-140 {
  margin-left: 8.75rem !important;
}
html[dir=ltr] .al-me-140 {
  margin-right: 8.75rem !important;
}
html[dir=ltr] .al-ms-n-140 {
  margin-left: -8.75rem !important;
}
html[dir=ltr] .al-me-n-140 {
  margin-right: -8.75rem !important;
}
html[dir=ltr] .al-ps-150 {
  padding-left: 9.375rem !important;
}
html[dir=ltr] .al-pe-150 {
  padding-right: 9.375rem !important;
}
html[dir=ltr] .al-ms-150 {
  margin-left: 9.375rem !important;
}
html[dir=ltr] .al-me-150 {
  margin-right: 9.375rem !important;
}
html[dir=ltr] .al-ms-n-150 {
  margin-left: -9.375rem !important;
}
html[dir=ltr] .al-me-n-150 {
  margin-right: -9.375rem !important;
}
html[dir=ltr] .al-ps-170 {
  padding-left: 10.625rem !important;
}
html[dir=ltr] .al-pe-170 {
  padding-right: 10.625rem !important;
}
html[dir=ltr] .al-ms-170 {
  margin-left: 10.625rem !important;
}
html[dir=ltr] .al-me-170 {
  margin-right: 10.625rem !important;
}
html[dir=ltr] .al-ms-n-170 {
  margin-left: -10.625rem !important;
}
html[dir=ltr] .al-me-n-170 {
  margin-right: -10.625rem !important;
}
html[dir=ltr] .al-ps-200 {
  padding-left: 12.5rem !important;
}
html[dir=ltr] .al-pe-200 {
  padding-right: 12.5rem !important;
}
html[dir=ltr] .al-ms-200 {
  margin-left: 12.5rem !important;
}
html[dir=ltr] .al-me-200 {
  margin-right: 12.5rem !important;
}
html[dir=ltr] .al-ms-n-200 {
  margin-left: -12.5rem !important;
}
html[dir=ltr] .al-me-n-200 {
  margin-right: -12.5rem !important;
}
html[dir=ltr] .al-ps-250 {
  padding-left: 15.625rem !important;
}
html[dir=ltr] .al-pe-250 {
  padding-right: 15.625rem !important;
}
html[dir=ltr] .al-ms-250 {
  margin-left: 15.625rem !important;
}
html[dir=ltr] .al-me-250 {
  margin-right: 15.625rem !important;
}
html[dir=ltr] .al-ms-n-250 {
  margin-left: -15.625rem !important;
}
html[dir=ltr] .al-me-n-250 {
  margin-right: -15.625rem !important;
}
html[dir=ltr] .al-ps-300 {
  padding-left: 18.75rem !important;
}
html[dir=ltr] .al-pe-300 {
  padding-right: 18.75rem !important;
}
html[dir=ltr] .al-ms-300 {
  margin-left: 18.75rem !important;
}
html[dir=ltr] .al-me-300 {
  margin-right: 18.75rem !important;
}
html[dir=ltr] .al-ms-n-300 {
  margin-left: -18.75rem !important;
}
html[dir=ltr] .al-me-n-300 {
  margin-right: -18.75rem !important;
}
html[dir=rtl] .al-ps-0 {
  padding-right: 0rem !important;
}
html[dir=rtl] .al-pe-0 {
  padding-left: 0rem !important;
}
html[dir=rtl] .al-ms-0 {
  margin-right: 0rem !important;
}
html[dir=rtl] .al-me-0 {
  margin-left: 0rem !important;
}
html[dir=rtl] .al-ms-n-0 {
  margin-right: 0rem !important;
}
html[dir=rtl] .al-me-n-0 {
  margin-left: 0rem !important;
}
html[dir=rtl] .al-ps-1 {
  padding-right: 0.063rem !important;
}
html[dir=rtl] .al-pe-1 {
  padding-left: 0.063rem !important;
}
html[dir=rtl] .al-ms-1 {
  margin-right: 0.063rem !important;
}
html[dir=rtl] .al-me-1 {
  margin-left: 0.063rem !important;
}
html[dir=rtl] .al-ms-n-1 {
  margin-right: -0.063rem !important;
}
html[dir=rtl] .al-me-n-1 {
  margin-left: -0.063rem !important;
}
html[dir=rtl] .al-ps-2 {
  padding-right: 0.125rem !important;
}
html[dir=rtl] .al-pe-2 {
  padding-left: 0.125rem !important;
}
html[dir=rtl] .al-ms-2 {
  margin-right: 0.125rem !important;
}
html[dir=rtl] .al-me-2 {
  margin-left: 0.125rem !important;
}
html[dir=rtl] .al-ms-n-2 {
  margin-right: -0.125rem !important;
}
html[dir=rtl] .al-me-n-2 {
  margin-left: -0.125rem !important;
}
html[dir=rtl] .al-ps-3 {
  padding-right: 0.188rem !important;
}
html[dir=rtl] .al-pe-3 {
  padding-left: 0.188rem !important;
}
html[dir=rtl] .al-ms-3 {
  margin-right: 0.188rem !important;
}
html[dir=rtl] .al-me-3 {
  margin-left: 0.188rem !important;
}
html[dir=rtl] .al-ms-n-3 {
  margin-right: -0.188rem !important;
}
html[dir=rtl] .al-me-n-3 {
  margin-left: -0.188rem !important;
}
html[dir=rtl] .al-ps-4 {
  padding-right: 0.25rem !important;
}
html[dir=rtl] .al-pe-4 {
  padding-left: 0.25rem !important;
}
html[dir=rtl] .al-ms-4 {
  margin-right: 0.25rem !important;
}
html[dir=rtl] .al-me-4 {
  margin-left: 0.25rem !important;
}
html[dir=rtl] .al-ms-n-4 {
  margin-right: -0.25rem !important;
}
html[dir=rtl] .al-me-n-4 {
  margin-left: -0.25rem !important;
}
html[dir=rtl] .al-ps-5 {
  padding-right: 0.313rem !important;
}
html[dir=rtl] .al-pe-5 {
  padding-left: 0.313rem !important;
}
html[dir=rtl] .al-ms-5 {
  margin-right: 0.313rem !important;
}
html[dir=rtl] .al-me-5 {
  margin-left: 0.313rem !important;
}
html[dir=rtl] .al-ms-n-5 {
  margin-right: -0.313rem !important;
}
html[dir=rtl] .al-me-n-5 {
  margin-left: -0.313rem !important;
}
html[dir=rtl] .al-ps-6 {
  padding-right: 0.375rem !important;
}
html[dir=rtl] .al-pe-6 {
  padding-left: 0.375rem !important;
}
html[dir=rtl] .al-ms-6 {
  margin-right: 0.375rem !important;
}
html[dir=rtl] .al-me-6 {
  margin-left: 0.375rem !important;
}
html[dir=rtl] .al-ms-n-6 {
  margin-right: -0.375rem !important;
}
html[dir=rtl] .al-me-n-6 {
  margin-left: -0.375rem !important;
}
html[dir=rtl] .al-ps-7 {
  padding-right: 0.438rem !important;
}
html[dir=rtl] .al-pe-7 {
  padding-left: 0.438rem !important;
}
html[dir=rtl] .al-ms-7 {
  margin-right: 0.438rem !important;
}
html[dir=rtl] .al-me-7 {
  margin-left: 0.438rem !important;
}
html[dir=rtl] .al-ms-n-7 {
  margin-right: -0.438rem !important;
}
html[dir=rtl] .al-me-n-7 {
  margin-left: -0.438rem !important;
}
html[dir=rtl] .al-ps-8 {
  padding-right: 0.5rem !important;
}
html[dir=rtl] .al-pe-8 {
  padding-left: 0.5rem !important;
}
html[dir=rtl] .al-ms-8 {
  margin-right: 0.5rem !important;
}
html[dir=rtl] .al-me-8 {
  margin-left: 0.5rem !important;
}
html[dir=rtl] .al-ms-n-8 {
  margin-right: -0.5rem !important;
}
html[dir=rtl] .al-me-n-8 {
  margin-left: -0.5rem !important;
}
html[dir=rtl] .al-ps-9 {
  padding-right: 0.563rem !important;
}
html[dir=rtl] .al-pe-9 {
  padding-left: 0.563rem !important;
}
html[dir=rtl] .al-ms-9 {
  margin-right: 0.563rem !important;
}
html[dir=rtl] .al-me-9 {
  margin-left: 0.563rem !important;
}
html[dir=rtl] .al-ms-n-9 {
  margin-right: -0.563rem !important;
}
html[dir=rtl] .al-me-n-9 {
  margin-left: -0.563rem !important;
}
html[dir=rtl] .al-ps-10 {
  padding-right: 0.625rem !important;
}
html[dir=rtl] .al-pe-10 {
  padding-left: 0.625rem !important;
}
html[dir=rtl] .al-ms-10 {
  margin-right: 0.625rem !important;
}
html[dir=rtl] .al-me-10 {
  margin-left: 0.625rem !important;
}
html[dir=rtl] .al-ms-n-10 {
  margin-right: -0.625rem !important;
}
html[dir=rtl] .al-me-n-10 {
  margin-left: -0.625rem !important;
}
html[dir=rtl] .al-ps-12 {
  padding-right: 0.75rem !important;
}
html[dir=rtl] .al-pe-12 {
  padding-left: 0.75rem !important;
}
html[dir=rtl] .al-ms-12 {
  margin-right: 0.75rem !important;
}
html[dir=rtl] .al-me-12 {
  margin-left: 0.75rem !important;
}
html[dir=rtl] .al-ms-n-12 {
  margin-right: -0.75rem !important;
}
html[dir=rtl] .al-me-n-12 {
  margin-left: -0.75rem !important;
}
html[dir=rtl] .al-ps-16 {
  padding-right: 1rem !important;
}
html[dir=rtl] .al-pe-16 {
  padding-left: 1rem !important;
}
html[dir=rtl] .al-ms-16 {
  margin-right: 1rem !important;
}
html[dir=rtl] .al-me-16 {
  margin-left: 1rem !important;
}
html[dir=rtl] .al-ms-n-16 {
  margin-right: -1rem !important;
}
html[dir=rtl] .al-me-n-16 {
  margin-left: -1rem !important;
}
html[dir=rtl] .al-ps-18 {
  padding-right: 1.125rem !important;
}
html[dir=rtl] .al-pe-18 {
  padding-left: 1.125rem !important;
}
html[dir=rtl] .al-ms-18 {
  margin-right: 1.125rem !important;
}
html[dir=rtl] .al-me-18 {
  margin-left: 1.125rem !important;
}
html[dir=rtl] .al-ms-n-18 {
  margin-right: -1.125rem !important;
}
html[dir=rtl] .al-me-n-18 {
  margin-left: -1.125rem !important;
}
html[dir=rtl] .al-ps-20 {
  padding-right: 1.25rem !important;
}
html[dir=rtl] .al-pe-20 {
  padding-left: 1.25rem !important;
}
html[dir=rtl] .al-ms-20 {
  margin-right: 1.25rem !important;
}
html[dir=rtl] .al-me-20 {
  margin-left: 1.25rem !important;
}
html[dir=rtl] .al-ms-n-20 {
  margin-right: -1.25rem !important;
}
html[dir=rtl] .al-me-n-20 {
  margin-left: -1.25rem !important;
}
html[dir=rtl] .al-ps-22 {
  padding-right: 1.375rem !important;
}
html[dir=rtl] .al-pe-22 {
  padding-left: 1.375rem !important;
}
html[dir=rtl] .al-ms-22 {
  margin-right: 1.375rem !important;
}
html[dir=rtl] .al-me-22 {
  margin-left: 1.375rem !important;
}
html[dir=rtl] .al-ms-n-22 {
  margin-right: -1.375rem !important;
}
html[dir=rtl] .al-me-n-22 {
  margin-left: -1.375rem !important;
}
html[dir=rtl] .al-ps-24 {
  padding-right: 1.5rem !important;
}
html[dir=rtl] .al-pe-24 {
  padding-left: 1.5rem !important;
}
html[dir=rtl] .al-ms-24 {
  margin-right: 1.5rem !important;
}
html[dir=rtl] .al-me-24 {
  margin-left: 1.5rem !important;
}
html[dir=rtl] .al-ms-n-24 {
  margin-right: -1.5rem !important;
}
html[dir=rtl] .al-me-n-24 {
  margin-left: -1.5rem !important;
}
html[dir=rtl] .al-ps-25 {
  padding-right: 1.563rem !important;
}
html[dir=rtl] .al-pe-25 {
  padding-left: 1.563rem !important;
}
html[dir=rtl] .al-ms-25 {
  margin-right: 1.563rem !important;
}
html[dir=rtl] .al-me-25 {
  margin-left: 1.563rem !important;
}
html[dir=rtl] .al-ms-n-25 {
  margin-right: -1.563rem !important;
}
html[dir=rtl] .al-me-n-25 {
  margin-left: -1.563rem !important;
}
html[dir=rtl] .al-ps-26 {
  padding-right: 1.625rem !important;
}
html[dir=rtl] .al-pe-26 {
  padding-left: 1.625rem !important;
}
html[dir=rtl] .al-ms-26 {
  margin-right: 1.625rem !important;
}
html[dir=rtl] .al-me-26 {
  margin-left: 1.625rem !important;
}
html[dir=rtl] .al-ms-n-26 {
  margin-right: -1.625rem !important;
}
html[dir=rtl] .al-me-n-26 {
  margin-left: -1.625rem !important;
}
html[dir=rtl] .al-ps-28 {
  padding-right: 1.75rem !important;
}
html[dir=rtl] .al-pe-28 {
  padding-left: 1.75rem !important;
}
html[dir=rtl] .al-ms-28 {
  margin-right: 1.75rem !important;
}
html[dir=rtl] .al-me-28 {
  margin-left: 1.75rem !important;
}
html[dir=rtl] .al-ms-n-28 {
  margin-right: -1.75rem !important;
}
html[dir=rtl] .al-me-n-28 {
  margin-left: -1.75rem !important;
}
html[dir=rtl] .al-ps-30 {
  padding-right: 1.875rem !important;
}
html[dir=rtl] .al-pe-30 {
  padding-left: 1.875rem !important;
}
html[dir=rtl] .al-ms-30 {
  margin-right: 1.875rem !important;
}
html[dir=rtl] .al-me-30 {
  margin-left: 1.875rem !important;
}
html[dir=rtl] .al-ms-n-30 {
  margin-right: -1.875rem !important;
}
html[dir=rtl] .al-me-n-30 {
  margin-left: -1.875rem !important;
}
html[dir=rtl] .al-ps-32 {
  padding-right: 2rem !important;
}
html[dir=rtl] .al-pe-32 {
  padding-left: 2rem !important;
}
html[dir=rtl] .al-ms-32 {
  margin-right: 2rem !important;
}
html[dir=rtl] .al-me-32 {
  margin-left: 2rem !important;
}
html[dir=rtl] .al-ms-n-32 {
  margin-right: -2rem !important;
}
html[dir=rtl] .al-me-n-32 {
  margin-left: -2rem !important;
}
html[dir=rtl] .al-ps-36 {
  padding-right: 2.25rem !important;
}
html[dir=rtl] .al-pe-36 {
  padding-left: 2.25rem !important;
}
html[dir=rtl] .al-ms-36 {
  margin-right: 2.25rem !important;
}
html[dir=rtl] .al-me-36 {
  margin-left: 2.25rem !important;
}
html[dir=rtl] .al-ms-n-36 {
  margin-right: -2.25rem !important;
}
html[dir=rtl] .al-me-n-36 {
  margin-left: -2.25rem !important;
}
html[dir=rtl] .al-ps-40 {
  padding-right: 2.5rem !important;
}
html[dir=rtl] .al-pe-40 {
  padding-left: 2.5rem !important;
}
html[dir=rtl] .al-ms-40 {
  margin-right: 2.5rem !important;
}
html[dir=rtl] .al-me-40 {
  margin-left: 2.5rem !important;
}
html[dir=rtl] .al-ms-n-40 {
  margin-right: -2.5rem !important;
}
html[dir=rtl] .al-me-n-40 {
  margin-left: -2.5rem !important;
}
html[dir=rtl] .al-ps-45 {
  padding-right: 2.813rem !important;
}
html[dir=rtl] .al-pe-45 {
  padding-left: 2.813rem !important;
}
html[dir=rtl] .al-ms-45 {
  margin-right: 2.813rem !important;
}
html[dir=rtl] .al-me-45 {
  margin-left: 2.813rem !important;
}
html[dir=rtl] .al-ms-n-45 {
  margin-right: -2.813rem !important;
}
html[dir=rtl] .al-me-n-45 {
  margin-left: -2.813rem !important;
}
html[dir=rtl] .al-ps-48 {
  padding-right: 3rem !important;
}
html[dir=rtl] .al-pe-48 {
  padding-left: 3rem !important;
}
html[dir=rtl] .al-ms-48 {
  margin-right: 3rem !important;
}
html[dir=rtl] .al-me-48 {
  margin-left: 3rem !important;
}
html[dir=rtl] .al-ms-n-48 {
  margin-right: -3rem !important;
}
html[dir=rtl] .al-me-n-48 {
  margin-left: -3rem !important;
}
html[dir=rtl] .al-ps-50 {
  padding-right: 3.125rem !important;
}
html[dir=rtl] .al-pe-50 {
  padding-left: 3.125rem !important;
}
html[dir=rtl] .al-ms-50 {
  margin-right: 3.125rem !important;
}
html[dir=rtl] .al-me-50 {
  margin-left: 3.125rem !important;
}
html[dir=rtl] .al-ms-n-50 {
  margin-right: -3.125rem !important;
}
html[dir=rtl] .al-me-n-50 {
  margin-left: -3.125rem !important;
}
html[dir=rtl] .al-ps-55 {
  padding-right: 3.438rem !important;
}
html[dir=rtl] .al-pe-55 {
  padding-left: 3.438rem !important;
}
html[dir=rtl] .al-ms-55 {
  margin-right: 3.438rem !important;
}
html[dir=rtl] .al-me-55 {
  margin-left: 3.438rem !important;
}
html[dir=rtl] .al-ms-n-55 {
  margin-right: -3.438rem !important;
}
html[dir=rtl] .al-me-n-55 {
  margin-left: -3.438rem !important;
}
html[dir=rtl] .al-ps-56 {
  padding-right: 3.5rem !important;
}
html[dir=rtl] .al-pe-56 {
  padding-left: 3.5rem !important;
}
html[dir=rtl] .al-ms-56 {
  margin-right: 3.5rem !important;
}
html[dir=rtl] .al-me-56 {
  margin-left: 3.5rem !important;
}
html[dir=rtl] .al-ms-n-56 {
  margin-right: -3.5rem !important;
}
html[dir=rtl] .al-me-n-56 {
  margin-left: -3.5rem !important;
}
html[dir=rtl] .al-ps-60 {
  padding-right: 3.75rem !important;
}
html[dir=rtl] .al-pe-60 {
  padding-left: 3.75rem !important;
}
html[dir=rtl] .al-ms-60 {
  margin-right: 3.75rem !important;
}
html[dir=rtl] .al-me-60 {
  margin-left: 3.75rem !important;
}
html[dir=rtl] .al-ms-n-60 {
  margin-right: -3.75rem !important;
}
html[dir=rtl] .al-me-n-60 {
  margin-left: -3.75rem !important;
}
html[dir=rtl] .al-ps-64 {
  padding-right: 4rem !important;
}
html[dir=rtl] .al-pe-64 {
  padding-left: 4rem !important;
}
html[dir=rtl] .al-ms-64 {
  margin-right: 4rem !important;
}
html[dir=rtl] .al-me-64 {
  margin-left: 4rem !important;
}
html[dir=rtl] .al-ms-n-64 {
  margin-right: -4rem !important;
}
html[dir=rtl] .al-me-n-64 {
  margin-left: -4rem !important;
}
html[dir=rtl] .al-ps-65 {
  padding-right: 4.063rem !important;
}
html[dir=rtl] .al-pe-65 {
  padding-left: 4.063rem !important;
}
html[dir=rtl] .al-ms-65 {
  margin-right: 4.063rem !important;
}
html[dir=rtl] .al-me-65 {
  margin-left: 4.063rem !important;
}
html[dir=rtl] .al-ms-n-65 {
  margin-right: -4.063rem !important;
}
html[dir=rtl] .al-me-n-65 {
  margin-left: -4.063rem !important;
}
html[dir=rtl] .al-ps-70 {
  padding-right: 4.375rem !important;
}
html[dir=rtl] .al-pe-70 {
  padding-left: 4.375rem !important;
}
html[dir=rtl] .al-ms-70 {
  margin-right: 4.375rem !important;
}
html[dir=rtl] .al-me-70 {
  margin-left: 4.375rem !important;
}
html[dir=rtl] .al-ms-n-70 {
  margin-right: -4.375rem !important;
}
html[dir=rtl] .al-me-n-70 {
  margin-left: -4.375rem !important;
}
html[dir=rtl] .al-ps-75 {
  padding-right: 4.688rem !important;
}
html[dir=rtl] .al-pe-75 {
  padding-left: 4.688rem !important;
}
html[dir=rtl] .al-ms-75 {
  margin-right: 4.688rem !important;
}
html[dir=rtl] .al-me-75 {
  margin-left: 4.688rem !important;
}
html[dir=rtl] .al-ms-n-75 {
  margin-right: -4.688rem !important;
}
html[dir=rtl] .al-me-n-75 {
  margin-left: -4.688rem !important;
}
html[dir=rtl] .al-ps-80 {
  padding-right: 5rem !important;
}
html[dir=rtl] .al-pe-80 {
  padding-left: 5rem !important;
}
html[dir=rtl] .al-ms-80 {
  margin-right: 5rem !important;
}
html[dir=rtl] .al-me-80 {
  margin-left: 5rem !important;
}
html[dir=rtl] .al-ms-n-80 {
  margin-right: -5rem !important;
}
html[dir=rtl] .al-me-n-80 {
  margin-left: -5rem !important;
}
html[dir=rtl] .al-ps-85 {
  padding-right: 5.313rem !important;
}
html[dir=rtl] .al-pe-85 {
  padding-left: 5.313rem !important;
}
html[dir=rtl] .al-ms-85 {
  margin-right: 5.313rem !important;
}
html[dir=rtl] .al-me-85 {
  margin-left: 5.313rem !important;
}
html[dir=rtl] .al-ms-n-85 {
  margin-right: -5.313rem !important;
}
html[dir=rtl] .al-me-n-85 {
  margin-left: -5.313rem !important;
}
html[dir=rtl] .al-ps-90 {
  padding-right: 5.625rem !important;
}
html[dir=rtl] .al-pe-90 {
  padding-left: 5.625rem !important;
}
html[dir=rtl] .al-ms-90 {
  margin-right: 5.625rem !important;
}
html[dir=rtl] .al-me-90 {
  margin-left: 5.625rem !important;
}
html[dir=rtl] .al-ms-n-90 {
  margin-right: -5.625rem !important;
}
html[dir=rtl] .al-me-n-90 {
  margin-left: -5.625rem !important;
}
html[dir=rtl] .al-ps-95 {
  padding-right: 5.938rem !important;
}
html[dir=rtl] .al-pe-95 {
  padding-left: 5.938rem !important;
}
html[dir=rtl] .al-ms-95 {
  margin-right: 5.938rem !important;
}
html[dir=rtl] .al-me-95 {
  margin-left: 5.938rem !important;
}
html[dir=rtl] .al-ms-n-95 {
  margin-right: -5.938rem !important;
}
html[dir=rtl] .al-me-n-95 {
  margin-left: -5.938rem !important;
}
html[dir=rtl] .al-ps-100 {
  padding-right: 6.25rem !important;
}
html[dir=rtl] .al-pe-100 {
  padding-left: 6.25rem !important;
}
html[dir=rtl] .al-ms-100 {
  margin-right: 6.25rem !important;
}
html[dir=rtl] .al-me-100 {
  margin-left: 6.25rem !important;
}
html[dir=rtl] .al-ms-n-100 {
  margin-right: -6.25rem !important;
}
html[dir=rtl] .al-me-n-100 {
  margin-left: -6.25rem !important;
}
html[dir=rtl] .al-ps-110 {
  padding-right: 6.875rem !important;
}
html[dir=rtl] .al-pe-110 {
  padding-left: 6.875rem !important;
}
html[dir=rtl] .al-ms-110 {
  margin-right: 6.875rem !important;
}
html[dir=rtl] .al-me-110 {
  margin-left: 6.875rem !important;
}
html[dir=rtl] .al-ms-n-110 {
  margin-right: -6.875rem !important;
}
html[dir=rtl] .al-me-n-110 {
  margin-left: -6.875rem !important;
}
html[dir=rtl] .al-ps-120 {
  padding-right: 7.5rem !important;
}
html[dir=rtl] .al-pe-120 {
  padding-left: 7.5rem !important;
}
html[dir=rtl] .al-ms-120 {
  margin-right: 7.5rem !important;
}
html[dir=rtl] .al-me-120 {
  margin-left: 7.5rem !important;
}
html[dir=rtl] .al-ms-n-120 {
  margin-right: -7.5rem !important;
}
html[dir=rtl] .al-me-n-120 {
  margin-left: -7.5rem !important;
}
html[dir=rtl] .al-ps-130 {
  padding-right: 8.125rem !important;
}
html[dir=rtl] .al-pe-130 {
  padding-left: 8.125rem !important;
}
html[dir=rtl] .al-ms-130 {
  margin-right: 8.125rem !important;
}
html[dir=rtl] .al-me-130 {
  margin-left: 8.125rem !important;
}
html[dir=rtl] .al-ms-n-130 {
  margin-right: -8.125rem !important;
}
html[dir=rtl] .al-me-n-130 {
  margin-left: -8.125rem !important;
}
html[dir=rtl] .al-ps-140 {
  padding-right: 8.75rem !important;
}
html[dir=rtl] .al-pe-140 {
  padding-left: 8.75rem !important;
}
html[dir=rtl] .al-ms-140 {
  margin-right: 8.75rem !important;
}
html[dir=rtl] .al-me-140 {
  margin-left: 8.75rem !important;
}
html[dir=rtl] .al-ms-n-140 {
  margin-right: -8.75rem !important;
}
html[dir=rtl] .al-me-n-140 {
  margin-left: -8.75rem !important;
}
html[dir=rtl] .al-ps-150 {
  padding-right: 9.375rem !important;
}
html[dir=rtl] .al-pe-150 {
  padding-left: 9.375rem !important;
}
html[dir=rtl] .al-ms-150 {
  margin-right: 9.375rem !important;
}
html[dir=rtl] .al-me-150 {
  margin-left: 9.375rem !important;
}
html[dir=rtl] .al-ms-n-150 {
  margin-right: -9.375rem !important;
}
html[dir=rtl] .al-me-n-150 {
  margin-left: -9.375rem !important;
}
html[dir=rtl] .al-ps-170 {
  padding-right: 10.625rem !important;
}
html[dir=rtl] .al-pe-170 {
  padding-left: 10.625rem !important;
}
html[dir=rtl] .al-ms-170 {
  margin-right: 10.625rem !important;
}
html[dir=rtl] .al-me-170 {
  margin-left: 10.625rem !important;
}
html[dir=rtl] .al-ms-n-170 {
  margin-right: -10.625rem !important;
}
html[dir=rtl] .al-me-n-170 {
  margin-left: -10.625rem !important;
}
html[dir=rtl] .al-ps-200 {
  padding-right: 12.5rem !important;
}
html[dir=rtl] .al-pe-200 {
  padding-left: 12.5rem !important;
}
html[dir=rtl] .al-ms-200 {
  margin-right: 12.5rem !important;
}
html[dir=rtl] .al-me-200 {
  margin-left: 12.5rem !important;
}
html[dir=rtl] .al-ms-n-200 {
  margin-right: -12.5rem !important;
}
html[dir=rtl] .al-me-n-200 {
  margin-left: -12.5rem !important;
}
html[dir=rtl] .al-ps-250 {
  padding-right: 15.625rem !important;
}
html[dir=rtl] .al-pe-250 {
  padding-left: 15.625rem !important;
}
html[dir=rtl] .al-ms-250 {
  margin-right: 15.625rem !important;
}
html[dir=rtl] .al-me-250 {
  margin-left: 15.625rem !important;
}
html[dir=rtl] .al-ms-n-250 {
  margin-right: -15.625rem !important;
}
html[dir=rtl] .al-me-n-250 {
  margin-left: -15.625rem !important;
}
html[dir=rtl] .al-ps-300 {
  padding-right: 18.75rem !important;
}
html[dir=rtl] .al-pe-300 {
  padding-left: 18.75rem !important;
}
html[dir=rtl] .al-ms-300 {
  margin-right: 18.75rem !important;
}
html[dir=rtl] .al-me-300 {
  margin-left: 18.75rem !important;
}
html[dir=rtl] .al-ms-n-300 {
  margin-right: -18.75rem !important;
}
html[dir=rtl] .al-me-n-300 {
  margin-left: -18.75rem !important;
}

@media (max-width: 1399px) {
  .al-mt-xxl-0 {
    margin-top: 0px !important;
  }
  .al-mb-xxl-0 {
    margin-bottom: 0px !important;
  }
  /* ===== Spacing RTL & LTR ===== */
  html[dir=ltr] .al-ms-xxl-0 {
    margin-left: 0px !important;
  }
  html[dir=ltr] .al-me-xxl-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-ms-xxl-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-me-xxl-0 {
    margin-left: 0px !important;
  }
}
@media (max-width: 1199px) {
  .al-mt-xl-0 {
    margin-top: 0px !important;
  }
  .al-mb-xl-0 {
    margin-bottom: 0px !important;
  }
  /* ===== Spacing RTL & LTR ===== */
  html[dir=ltr] .al-ms-xl-0 {
    margin-left: 0px !important;
  }
  html[dir=ltr] .al-me-xl-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-ms-xl-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-me-xl-0 {
    margin-left: 0px !important;
  }
}
@media (max-width: 991px) {
  .al-mt-lg-0 {
    margin-top: 0px !important;
  }
  .al-mb-lg-0 {
    margin-bottom: 0px !important;
  }
  /* ===== Spacing RTL & LTR ===== */
  html[dir=ltr] .al-ms-lg-0 {
    margin-left: 0px !important;
  }
  html[dir=ltr] .al-me-lg-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-ms-lg-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-me-lg-0 {
    margin-left: 0px !important;
  }
}
@media (max-width: 767px) {
  .al-mt-md-0 {
    margin-top: 0px !important;
  }
  .al-mb-md-0 {
    margin-bottom: 0px !important;
  }
  /* ===== Spacing RTL & LTR ===== */
  html[dir=ltr] .al-ms-md-0 {
    margin-left: 0px !important;
  }
  html[dir=ltr] .al-me-md-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-ms-md-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-me-md-0 {
    margin-left: 0px !important;
  }
}
@media (max-width: 574px) {
  .al-mt-sm-0 {
    margin-top: 0px !important;
  }
  .al-mb-sm-0 {
    margin-bottom: 0px !important;
  }
  /* ===== Spacing RTL & LTR ===== */
  html[dir=ltr] .al-ms-sm-0 {
    margin-left: 0px !important;
  }
  html[dir=ltr] .al-me-sm-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-ms-sm-0 {
    margin-right: 0px !important;
  }
  html[dir=rtl] .al-me-sm-0 {
    margin-left: 0px !important;
  }
}
/*====== Varibles start =====*/
.al-skew-1 {
  transform: skew(45deg) !important;
}
.al-skew-n-1 {
  transform: skewY(-45deg) !important;
}
.al-skew-x-1 {
  transform: skewX(45deg) !important;
}
.al-skew-x-n-1 {
  transform: skewX(-45deg) !important;
}
.al-skew-y-1 {
  transform: skewY(45deg) !important;
}
.al-skew-y-n-1 {
  transform: skewY(-45deg) !important;
}
.al-rotate-1 {
  transform: rotate(45deg) !important;
}
.al-rotate-n-1 {
  transform: rotate(-45deg) !important;
}
.al-skew-2 {
  transform: skew(90deg) !important;
}
.al-skew-n-2 {
  transform: skewY(-90deg) !important;
}
.al-skew-x-2 {
  transform: skewX(90deg) !important;
}
.al-skew-x-n-2 {
  transform: skewX(-90deg) !important;
}
.al-skew-y-2 {
  transform: skewY(90deg) !important;
}
.al-skew-y-n-2 {
  transform: skewY(-90deg) !important;
}
.al-rotate-2 {
  transform: rotate(90deg) !important;
}
.al-rotate-n-2 {
  transform: rotate(-90deg) !important;
}
.al-skew-3 {
  transform: skew(180deg) !important;
}
.al-skew-n-3 {
  transform: skewY(-180deg) !important;
}
.al-skew-x-3 {
  transform: skewX(180deg) !important;
}
.al-skew-x-n-3 {
  transform: skewX(-180deg) !important;
}
.al-skew-y-3 {
  transform: skewY(180deg) !important;
}
.al-skew-y-n-3 {
  transform: skewY(-180deg) !important;
}
.al-rotate-3 {
  transform: rotate(180deg) !important;
}
.al-rotate-n-3 {
  transform: rotate(-180deg) !important;
}
.al-skew-4 {
  transform: skew(270deg) !important;
}
.al-skew-n-4 {
  transform: skewY(-270deg) !important;
}
.al-skew-x-4 {
  transform: skewX(270deg) !important;
}
.al-skew-x-n-4 {
  transform: skewX(-270deg) !important;
}
.al-skew-y-4 {
  transform: skewY(270deg) !important;
}
.al-skew-y-n-4 {
  transform: skewY(-270deg) !important;
}
.al-rotate-4 {
  transform: rotate(270deg) !important;
}
.al-rotate-n-4 {
  transform: rotate(-270deg) !important;
}
.al-skew-5 {
  transform: skew(360deg) !important;
}
.al-skew-n-5 {
  transform: skewY(-360deg) !important;
}
.al-skew-x-5 {
  transform: skewX(360deg) !important;
}
.al-skew-x-n-5 {
  transform: skewX(-360deg) !important;
}
.al-skew-y-5 {
  transform: skewY(360deg) !important;
}
.al-skew-y-n-5 {
  transform: skewY(-360deg) !important;
}
.al-rotate-5 {
  transform: rotate(360deg) !important;
}
.al-rotate-n-5 {
  transform: rotate(-360deg) !important;
}
.al-flip {
  transform: scale(1) !important;
}
.al-flip-x {
  transform: scaleX(-1) !important;
}
.al-flip-y {
  transform: scaleY(-1) !important;
}

.al-ff-roboto {
  font-family: "Roboto", sans-serif !important;
}
.al-ff-jura {
  font-family: "Jura", serif !important;
}
.al-ff-Reem-kufi-fun {
  font-family: "Reem Kufi Fun", sans-serif !important;
}
.al-ff-cairo {
  font-family: "Cairo", sans-serif !important;
}

.al-fs-9 {
  font-size: 0.563rem !important;
}
.al-fs-10 {
  font-size: 0.625rem !important;
}
.al-fs-11 {
  font-size: 0.688rem !important;
}
.al-fs-12 {
  font-size: 0.75rem !important;
}
.al-fs-13 {
  font-size: 0.813rem !important;
}
.al-fs-14 {
  font-size: 0.875rem !important;
}
.al-fs-15 {
  font-size: 0.938rem !important;
}
.al-fs-16 {
  font-size: 1rem !important;
}
.al-fs-17 {
  font-size: 1.063rem !important;
}
.al-fs-18 {
  font-size: 1.125rem !important;
}
.al-text-vertical-rl {
  writing-mode: vertical-rl;
}
.al-text-sideways-lr {
  writing-mode: sideways-lr;
}
.al-text-orientation-upright {
  text-orientation: upright;
}
.al-text-overflow-hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.al-text-overflow-hidden-vertical {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-line-clamp: 1;
  -webkit-box-orient: vertical;
}
.al-text-overflow-hidden-vertical-2 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 2;
}
.al-text-overflow-hidden-vertical-3 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 3;
}
.al-text-overflow-hidden-vertical-4 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 4;
}
.al-text-overflow-hidden-vertical-5 {
  text-overflow: ellipsis;
  overflow: hidden;
  display: -webkit-box;
  -webkit-box-orient: vertical;
  -webkit-line-clamp: 5;
}
.al-text .text-overflow-hidden {
  white-space: nowrap;
  overflow: hidden;
  text-overflow: ellipsis;
}
.al-text-primary-both {
  color: var(--primary-dark) !important;
}
.al-text-white-both {
  color: #fff !important;
}
.al-text-black-both {
  color: #000 !important;
}

html[lang=ar] body {
  font-family: "Cairo", sans-serif !important;
  font-size: 0.938rem;
  line-height: 1.6;
}

/*====== Varibles start =====*/
.animate__animated {
  opacity: 0;
  transition: opacity 0.3s ease;
}

.al-animate-cursor {
  background-color: var(--bs-gray-500);
  animation: blink 1s infinite;
}
.al-animate-cursor.al-typing {
  animation: none;
}
@keyframes blink {
  0% {
    background-color: var(--bs-gray-500);
  }
  49% {
    background-color: var(--bs-gray-500);
  }
  50% {
    background-color: transparent;
  }
  99% {
    background-color: transparent;
  }
  100% {
    background-color: var(--bs-gray-500);
  }
}
.al-animate-scroll-down {
  position: absolute;
  bottom: 30px;
  left: 50%;
  transform: translateX(-50%);
  color: var(--bs-gray-700);
  font-size: 0.8rem;
}
.al-animate-scroll-down .al-mouse {
  position: relative;
  display: inline-flex;
  justify-content: center;
  width: 23px;
  height: 35px;
  border: 2px solid var(--bs-gray-400);
  border-radius: 20px;
  padding: 5px 0px;
}
.al-animate-scroll-down .al-mouse .al-mouse-scroll {
  position: absolute;
  left: 50%;
  transform: translateX(-50%);
  width: 8px;
  height: 8px;
  border-radius: 50%;
  background-color: var(--bs-gray-400);
  animation: mouse 4s ease-in forwards infinite;
}
@keyframes mouse {
  0% {
    top: 20%;
  }
  15% {
    top: 45%;
  }
  35% {
    top: 60%;
  }
  60% {
    top: 45%;
  }
  75% {
    top: 30%;
  }
  100% {
    top: 20%;
  }
}
.al-animate-bg-gradient {
  background-image: linear-gradient(-45deg, var(--bs-warning), var(--bs-secondary), var(--bs-info), var(--bs-success));
  background-size: 400% 400%;
  animation: bg-gradient-animation 15s ease infinite;
}
@keyframes bg-gradient-animation {
  0% {
    background-position: 0% 50%;
  }
  50% {
    background-position: 100% 50%;
  }
  100% {
    background-position: 0% 50%;
  }
}
.al-animate-cube {
  position: absolute;
  top: 80%;
  left: 45%;
  width: 10px;
  height: 10px;
  border: solid 1px var(--bs-primary);
  border-radius: 4px;
  transform-origin: top left;
  transform: scale(0) rotate(0deg) translate(-50%, -50%);
  -webkit-animation: cube 8s ease-in forwards infinite;
  animation: cube 8s ease-in forwards infinite;
}
.al-animate-cube:nth-child(2n) {
  border-color: var(--bs-info);
}
.al-animate-cube:nth-child(2) {
  -webkit-animation-delay: 2s;
  animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.al-animate-cube:nth-child(3) {
  -webkit-animation-delay: 4s;
  animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
.al-animate-cube:nth-child(4) {
  -webkit-animation-delay: 6s;
  animation-delay: 6s;
  left: 90vw;
  top: 10vh;
}
.al-animate-cube:nth-child(5) {
  -webkit-animation-delay: 8s;
  animation-delay: 8s;
  left: 10vw;
  top: 85vh;
}
.al-animate-cube:nth-child(6) {
  -webkit-animation-delay: 10s;
  animation-delay: 10s;
  left: 50vw;
  top: 10vh;
}
.al-animate-cube:nth-child(7) {
  -webkit-animation-delay: 1s;
  animation-delay: 2s;
  left: 25vw;
  top: 40vh;
}
.al-animate-cube:nth-child(8) {
  -webkit-animation-delay: 1s;
  animation-delay: 4s;
  left: 75vw;
  top: 50vh;
}
@keyframes cube {
  from {
    transform: scale(0) rotate(0deg) translate(-50%, -50%);
    opacity: 1;
  }
  to {
    transform: scale(10) rotate(960deg) translate(-50%, -50%);
    opacity: 0;
  }
}
.al-animate-wave span {
  animation-name: wave;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: ease-in-out;
  animation-direction: alternate;
}
.al-animate-wave span.wave-1 {
  opacity: 1;
}
.al-animate-wave span.wave-2 {
  opacity: 0.9;
  animation-delay: 0.1s;
}
.al-animate-wave span.wave-2 {
  opacity: 0.9;
  animation-delay: 0.1s;
}
.al-animate-wave span.wave-3 {
  opacity: 0.85;
  animation-delay: 0.2s;
}
.al-animate-wave span.wave-4 {
  opacity: 0.8;
  animation-delay: 0.3s;
}
.al-animate-wave span.wave-5 {
  opacity: 0.75;
  animation-delay: 0.4s;
}
.al-animate-wave span.wave-6 {
  opacity: 0.7;
  animation-delay: 0.5s;
}
.al-animate-wave span.wave-7 {
  opacity: 0.65;
  animation-delay: 0.6s;
}
.al-animate-wave span.wave-8 {
  opacity: 0.6;
  animation-delay: 0.7s;
}
.al-animate-wave span.wave-9 {
  opacity: 0.55;
  animation-delay: 0.8s;
}
.al-animate-wave span.wave-10 {
  opacity: 0.5;
  animation-delay: 1.3s;
}
.al-animate-wave span.wave-11 {
  opacity: 0.45;
  animation-delay: 1.4s;
}
.al-animate-wave span.wave-12 {
  opacity: 0.4;
  animation-delay: 1.5s;
}
@keyframes wave {
  from {
    opacity: 1;
  }
  to {
    opacity: 0;
  }
}
.al-animate-water-wave {
  position: relative;
  box-shadow: inset 0 0 50px rgba(0, 0, 0, 0.5);
}
.al-animate-water-wave::before, .al-animate-water-wave::after {
  content: "";
  position: absolute;
  width: 200%;
  height: 200%;
  top: 0;
  left: 50%;
  transform: translate(-50%, -75%);
}
.al-animate-water-wave::before {
  border-radius: 45%;
  background-color: currentColor;
  animation: be-water-wave 5s linear infinite;
}
.al-animate-water-wave::after {
  border-radius: 40%;
  background-color: currentColor;
  opacity: 0.5;
  animation: be-water-wave 10s linear infinite;
}
@keyframes be-water-wave {
  0% {
    transform: translate(-50%, -75%) rotate(0deg);
  }
  100% {
    transform: translate(-50%, -75%) rotate(360deg);
  }
}
.al-animate-sound-wave {
  background: linear-gradient(45deg, currentColor, #fff);
  animation-name: sound-wave;
  animation-duration: 1s;
  animation-iteration-count: infinite;
  animation-timing-function: linear;
}
.al-animate-sound-wave:nth-child(2) {
  animation-delay: 0.1s;
}
.al-animate-sound-wave:nth-child(3) {
  animation-delay: 0.2s;
}
.al-animate-sound-wave:nth-child(4) {
  animation-delay: 0.3s;
}
.al-animate-sound-wave:nth-child(5) {
  animation-delay: 0.4s;
}
.al-animate-sound-wave:nth-child(6) {
  animation-delay: 0.5s;
}
.al-animate-sound-wave:nth-child(7) {
  animation-delay: 0.6s;
}
.al-animate-sound-wave:nth-child(8) {
  animation-delay: 0.7s;
}
.al-animate-sound-wave:nth-child(9) {
  animation-delay: 0.8s;
}
.al-animate-sound-wave:nth-child(10) {
  animation-delay: 0.9s;
}
@keyframes sound-wave {
  0% {
    transform: scale(0);
  }
  50% {
    transform: scale(1);
  }
  100% {
    transform: scale(0);
  }
}
.al-animate-border-gradient {
  --al-be-border-angle: 0turn;
  border: solid var(--bs-border-width) transparent;
  background: conic-gradient(from var(--al-border-angle), #213, #112 5%, #112 60%, #213 95%) padding-box, conic-gradient(from var(--al-border-angle), transparent 25%, #08f, #f03 99%, transparent) border-box;
  animation-name: be-bg-spin;
  animation-duration: 3s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes be-bg-spin {
  to {
    --al-border-angle: 1turn;
  }
}
.al-animate-ripple-rounded {
  animation-name: be-animation-ripple;
  animation-duration: 0.7s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
@keyframes be-animation-ripple {
  0% {
    box-shadow: 0 0 0 0 rgba(var(--ripple-color), 0.3), 0 0 0 1em rgba(var(--ripple-color), 0.3), 0 0 0 2em rgba(var(--ripple-color), 0.3), 0 0 0 3em rgba(var(--ripple-color), 0.3);
  }
  100% {
    box-shadow: 0 0 0 1em rgba(var(--ripple-color), 0.3), 0 0 0 2em rgba(var(--ripple-color), 0.3), 0 0 0 3em rgba(var(--ripple-color), 0.3), 0 0 0 4em rgba(var(--ripple-color), 0);
  }
}
.al-animate-ripple-circle {
  position: relative;
}
.al-animate-ripple-circle::before, .al-animate-ripple-circle::after {
  position: absolute;
  top: 0;
  left: 0;
  z-index: -1;
  background: rgba(var(--ripple-color), 1);
  width: 100%;
  height: 100%;
  content: "";
  border-radius: 50%;
}
.al-animate-ripple-circle:before {
  animation: wave-animate 3s infinite ease-out;
}
.al-animate-ripple-circle:after {
  opacity: 0;
  animation: wave-animate 3s 1.5s infinite ease-out;
}
@keyframes wave-animate {
  0% {
    scale: 0;
    opacity: 1;
    transform-origin: center;
  }
  100% {
    scale: 3;
    opacity: 0;
    transform-origin: center;
  }
}
.al-animate-preloader-circle {
  border: var(--bs-border-width) solid var(--bs-white);
  border-top-color: var(--bs-primary);
  animation-name: be-animation-rotate;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.al-animate-preloader-circle-two {
  border: var(--bs-border-width) solid var(--bs-white);
  border-top-color: var(--bs-primary);
  border-bottom-color: var(--bs-primary);
  animation-name: be-animation-rotate;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.al-animate-preloader-circle-three {
  border: var(--bs-border-width) solid;
  border-top-color: var(--bs-primary);
  border-bottom-color: var(--bs-info);
  border-left-color: var(--bs-danger);
  border-right-color: var(--bs-warning);
  animation-name: be-animation-rotate;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.al-animate-preloader-circle-four {
  border: var(--bs-border-width) solid var(--bs-white);
  border-top-color: var(--bs-primary);
  border-bottom-color: var(--bs-danger);
  border-right-color: var(--bs-warning);
  animation-name: be-animation-rotate;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.al-animate-preloader-circle-five {
  position: relative;
  border: var(--bs-border-width) solid var(--bs-white);
  animation-name: be-animation-rotate;
  animation-duration: 2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.al-animate-preloader-circle-five:before {
  content: "";
  position: absolute;
  left: 50%;
  top: -7px;
  width: 10px;
  height: 10px;
  background: var(--bs-white);
  border-radius: 50%;
  outline: 5px solid var(--bs-primary);
}
.al-animate-preloader-grid {
  position: relative;
}
.al-animate-preloader-grid span {
  animation-name: be-animation-grid;
  animation-duration: 1.2s;
  animation-timing-function: linear;
  animation-iteration-count: infinite;
}
.al-animate-preloader-grid span:nth-child(1) {
  animation-delay: 0s;
}
.al-animate-preloader-grid span:nth-child(2) {
  animation-delay: -0.4s;
}
.al-animate-preloader-grid span:nth-child(3) {
  animation-delay: -0.8s;
}
.al-animate-preloader-grid span:nth-child(4) {
  animation-delay: -0.4s;
}
.al-animate-preloader-grid span:nth-child(5) {
  animation-delay: -0.8s;
}
.al-animate-preloader-grid span:nth-child(6) {
  animation-delay: -1.2s;
}
.al-animate-preloader-grid span:nth-child(7) {
  animation-delay: -0.8s;
}
.al-animate-preloader-grid span:nth-child(8) {
  animation-delay: -1.2s;
}
.al-animate-preloader-grid span:nth-child(9) {
  animation-delay: -1.6s;
}
@keyframes be-animation-grid {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0.5;
  }
}

@property --al-border-angle {
  syntax: "<angle>";
  inherits: true;
  initial-value: 0turn;
}
.al-ripple-primary {
  --ripple-color: var(--bs-primary-rgb) !important;
}
.al-ripple-secondary {
  --ripple-color: var(--bs-secondary-rgb) !important;
}
.al-ripple-success {
  --ripple-color: var(--bs-success-rgb) !important;
}
.al-ripple-warning {
  --ripple-color: var(--bs-warning-rgb) !important;
}
.al-ripple-danger {
  --ripple-color: var(--bs-danger-rgb) !important;
}
.al-ripple-info {
  --ripple-color: var(--bs-info-rgb) !important;
}
.al-ripple-white {
  --ripple-color: var(--bs-white-rgb) !important;
}
.al-ripple-black {
  --ripple-color: var(--bs-black-rgb) !important;
}

@keyframes be-animation-rotate {
  0% {
    transform: rotate(0deg);
  }
  100% {
    transform: rotate(360deg);
  }
}
.al-transition-duration-5 {
  transition-duration: 0.5s !important;
}
.al-transition-duration-6 {
  transition-duration: 0.6s !important;
}
.al-transition-duration-7 {
  transition-duration: 0.7s !important;
}
.al-transition-duration-8 {
  transition-duration: 0.8s !important;
}
.al-transition-duration-9 {
  transition-duration: 0.9s !important;
}
.al-transition-duration-10 {
  transition-duration: 1s !important;
}

.al-cursor, .al-cursor-dot {
  position: fixed;
  top: 0;
  left: 0;
  pointer-events: none;
  z-index: 9999;
  border-radius: 50%;
  transform: translate(-50%, -50%);
}
.al-cursor {
  width: 18px;
  height: 18px;
  border: 2px solid currentColor;
  opacity: 0.4;
}
.al-cursor-dot {
  width: 6px;
  height: 6px;
  background: currentColor;
  opacity: 0.7;
}
.al-magnet {
  will-change: transform;
  transition: transform 180ms cubic-bezier(0.2, 0.8, 0.2, 1);
  --al-pull-radius: 120;
  --al-pull-strength: 0.25;
  --al-max-translate: 18;
}
.al-magnet-weak {
  --al-pull-radius: 100;
  --al-pull-strength: 0.15;
  --al-max-translate: 12;
}
.al-magnet-strong {
  --al-pull-radius: 160;
  --al-pull-strength: 0.35;
  --al-max-translate: 24;
}
.al-on-click-ripple {
  position: absolute;
  inset: 0;
  overflow: hidden;
  border-radius: inherit;
  pointer-events: none;
}
.al-on-click-ripple > span {
  position: absolute;
  width: 16px;
  height: 16px;
  border-radius: 50%;
  background: rgba(255, 255, 255, 0.6);
  transform: translate(-50%, -50%) scale(0);
  animation: be-on-click-ripple 700ms ease-out forwards;
  filter: blur(1px);
}
@keyframes be-on-click-ripple {
  to {
    transform: translate(-50%, -50%) scale(18);
    opacity: 0;
  }
}

/*# sourceMappingURL=alfuix.css.map */