jingrow/app/globals.css

@import "tailwindcss";
@theme {
  --font-IBMPlexSerif: "IBM Plex Serif", "serif";
  --font-SpaceGrotesk: "Space Grotesk", "sans-serif";
  --font-Manrope: "Manrope", "sans-serif";
  --font-Unicons: "Unicons";
  --font-Monospace: "SFMono-Regular,Menlo,Monaco,Consolas", "Liberation Mono",
    "Courier New", "monospace";
  --font-Custom: "Custom";
  --font-DMSerif: "DM Serif Display";
  --font-SansSerif: "sans-serif";
  --font-THICCCBOI: "THICCCBOI", "sans-serif";
  --font-Urbanist: "Urbanist", "sans-serif";
  /* Default Color */
  --color-*: initial;
  --color-white: #ffffff;
  --color-black: #000000;
  /* responsive Breakpoint */
  --breakpoint-*: initial;
  --breakpoint-xxl: 1400px;
  --breakpoint-xl: 1200px;
  --breakpoint-lg: 992px;
  --breakpoint-md: 768px;
  --breakpoint-sm: 576px;
}
@utility container {
  margin-inline: auto;
  padding-inline: 2rem;
}
:root {
  @apply text-[20px];
}
*,
::after,
::before {
  @apply box-border;
}
hr.dark {
  @apply text-[rgba(164,174,198,0.25)];
}
::selection {
  @apply text-white bg-[rgba(63,120,224,.7)];
}
a {
  @apply text-[#22b573] no-underline;
}
a:focus {
  outline: 0;
}
a[href^="tel"] {
  @apply text-inherit;
  text-decoration: inherit;
}
a.hover {
  @apply relative before:absolute before:w-full before:h-px before:pointer-events-none before:left-0 before:top-full before:content-[""] before:origin-[100%_50%] before:transition-transform before:duration-[0.3s] before:ease-[cubic-bezier(.7,0,0.2,1)] hover:before:origin-[0_50%] hover:before:ease-[cubic-bezier(.4,1,0.8,1)];
}
a.hover::before {
  @apply bg-[currentColor];
}
a.hover::before {
  transform: scale3d(0, 1, 1);
}
a.hover:hover:before {
  transform: scale3d(1, 1, 1);
}
.link-inverse {
  @apply text-[#cacaca];
}
.link-inverse,
.text-inverse,
.text-inverse a:not(.btn) {
  @apply text-white;
}
.bg-dark.link-inverse,
.bg-dark.text-inverse,
.bg-dark.text-inverse .post-meta,
.bg-dark.text-inverse a:not(.btn):not([class*="link-"]),
.bg-navy.link-inverse,
.bg-navy.text-inverse,
.bg-navy.text-inverse .post-meta,
.bg-navy.text-inverse a:not(.btn):not([class*="link-"]),
[class*="offcanvas-"].text-inverse a:not(.btn):not([class*="link-"]) {
  @apply text-[#cacaca];
}
.badge.bg-light {
  @apply !bg-[rgba(164,174,198,.2)];
}
.position-absolute {
  @apply !absolute;
}
.more {
  @apply font-bold tracking-[-0.01rem] inline-block after:leading-none after:content-["\e94c"] after:text-[0.9rem] after:font-normal after:mr-[-0.25rem] after:inline-block after:pl-[0.05rem];
}
.more:after {
  @apply font-Unicons align-[-3px];
}
hr.double {
  @apply border-t-0 border-double border-[rgba(164,174,198,0.2)] bg-inherit;
}
_:default:not(:root:root),
hr.double {
  @apply border-b-[3px];
}
.divider-icon {
  @apply relative m-[4.5rem_0] border-0 before:left-0 after:right-0 after:absolute after:content-[""] after:w-[calc(50%_-_1.5rem)] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:top-2/4 before:absolute before:content-[""] before:w-[calc(50%_-_1.5rem)] before:border-t-[rgba(164,174,198,0.2)] before:border-t before:border-solid before:top-2/4;
}
.divider-icon i {
  @apply absolute -translate-x-2/4 -translate-y-2/4 text-[1.2rem] text-[rgba(164,174,198,0.2)] left-2/4 top-2/4;
}

.divider:after {
  @apply content-[""] w-full h-[5px] block mt-[-5px] bg-[currentColor];
}
.divider.divider-alt:after {
  @apply mb-[-5px] mt-0;
}
[class*="divider-v-"] {
  @apply relative w-auto h-full overflow-hidden;
}
[class*="divider-v-"] > svg {
  @apply h-full w-auto absolute scale-[1.2];
}
[class*="divider-v-"]:after {
  @apply hidden;
}
[class*="divider-v-"].divider-v-start > svg {
  @apply left-0 top-0;
}
[class*="divider-v-"].divider-v-end > svg {
  @apply right-0 top-0;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  @apply font-bold text-[#343f52] tracking-[-0.01rem] mt-0 mb-2;
  word-spacing: 0.1rem;
}
.h1,
h1 {
  @apply leading-[1.3];
}
.h2,
h2 {
  @apply leading-[1.35];
}
.h3,
h3 {
  @apply !leading-[1.4];
}
.h4,
h4 {
  @apply !leading-[1.45];
}
.h5,
h5 {
  @apply !leading-normal;
}
.h6,
h6 {
  @apply !leading-[1.55];
}
body,
html {
  @apply h-full;
}
body {
  @apply flex flex-col;
}
body {
  @apply text-[0.8rem] font-medium leading-[1.7] text-[#60697b] bg-[#fefefe] m-0 font-Manrope;
}
body {
  @apply overflow-x-hidden;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-spacing: 0.05rem;
}
hr {
  @apply text-[rgba(164,174,198,0.2)] border-t-[1px] opacity-100 mx-0 my-[4.5rem] border-0 border-solid;
}
.h1,
.h2,
.h3,
.h4,
.h5,
.h6,
h1,
h2,
h3,
h4,
h5,
h6 {
  @apply font-bold leading-[1.2] text-[#343f52] tracking-[-0.01rem] mt-0 mb-2 [word-spacing:0.1rem];
}
.h1,
h1 {
  @apply xl:text-[1.45rem] text-[calc(1.27rem_+_0.24vw)];
}
.h2,
h2 {
  @apply xl:text-[1.3rem] text-[calc(1.255rem_+_0.06vw)];
}
.h3,
h3 {
  @apply text-[1.1rem];
}
.h4,
h4 {
  @apply text-[0.95rem];
}
.h5,
h5 {
  @apply text-[0.9rem];
}
.h6,
h6 {
  @apply text-[0.85rem];
}
p {
  @apply mt-0 mb-4;
}
/* ol,ul {
        @apply pl-8
    } */
dl,
ol,
ul {
  @apply mt-0 mb-4;
}
ol ol,
ol ul,
ul ol,
ul ul {
  @apply mb-0;
}
dt {
  @apply font-bold;
}
dd {
  @apply ml-0 mb-2;
}
.small,
small {
  @apply text-[0.6rem];
}
.mark,
mark {
  @apply bg-[#fef1de] pt-[0.05rem] pb-[0.2rem] px-[0.4rem];
}
a {
  @apply text-[#22b573] no-underline;
}
a:hover {
  color: #22b573;
}
a:not([href]):not([class]),
a:not([href]):not([class]):hover {
  @apply text-inherit no-underline;
}
code,
kbd,
pre,
samp {
  @apply text-[1em] font-Monospace;
}
pre {
  @apply block overflow-auto text-[0.65rem] text-[#273444] mt-0 mb-4;
}
pre code {
  @apply text-[inherit] text-inherit break-normal;
}
code {
  @apply text-[0.65rem] text-[#60697b] [word-wrap:break-word];
}
a > code {
  @apply text-inherit;
}
kbd {
  @apply text-[0.65rem] text-[#60697b] bg-[#60697b] px-1.5 py-[0.1875rem] rounded-[0.2rem];
}
kbd kbd {
  @apply text-[1em] p-0;
}
figure {
  @apply mt-0 mb-4 mx-0;
}
img,
svg {
  @apply align-middle;
}
img {
  @apply max-w-[inherit];
}
table {
  @apply border-collapse;
  caption-side: bottom;
}
caption {
  @apply text-[#aab0bc] text-left py-[0.9rem];
}
th {
  @apply [text-align:inherit];
  text-align: -webkit-match-parent;
}
tbody,
td,
tfoot,
th,
thead,
tr {
  @apply border-inherit border-solid border-0;
}
label {
  @apply inline-block;
}
button {
  @apply rounded-none;
}
button:focus:not(:focus-visible) {
  outline: 0;
}
button,
input,
optgroup,
select,
textarea {
  @apply text-[inherit] leading-[inherit] m-0;
  font-family: inherit;
}
button,
select {
  @apply normal-case;
}
[role="button"] {
  @apply cursor-pointer;
}
select {
  @apply [word-wrap:normal];
}
select:disabled {
  @apply opacity-100;
}
[list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not(
    [type="week"]
  ):not([type="time"])::-webkit-calendar-picker-indicator {
  @apply hidden;
}
[type="button"],
[type="reset"],
[type="submit"],
button {
  -webkit-appearance: button;
}
[type="button"]:not(:disabled),
[type="reset"]:not(:disabled),
[type="submit"]:not(:disabled),
button:not(:disabled) {
  @apply cursor-pointer;
}
::-moz-focus-inner {
  @apply p-0 border-none;
}
textarea {
  @apply resize-y focus-visible:!outline-0;
}
input {
  @apply focus-visible:!outline-0;
}
fieldset {
  @apply min-w-0 m-0 p-0 border-0;
}
legend {
  @apply float-left w-full text-[calc(1.275rem_+_0.3vw)] leading-[inherit] mb-2 p-0 xl:text-[24px];
}
legend + * {
  @apply clear-left;
}
::-webkit-datetime-edit-day-field,
::-webkit-datetime-edit-fields-wrapper,
::-webkit-datetime-edit-hour-field,
::-webkit-datetime-edit-minute,
::-webkit-datetime-edit-month-field,
::-webkit-datetime-edit-text,
::-webkit-datetime-edit-year-field {
  @apply p-0;
}
::-webkit-inner-spin-button {
  @apply h-auto;
}
[type="search"] {
  @apply -outline-offset-2;
  -webkit-appearance: textfield;
}
::-webkit-search-decoration {
  -webkit-appearance: none;
}
::-webkit-color-swatch-wrapper {
  @apply p-0;
}
::file-selector-button {
  font: inherit;
  -webkit-appearance: button;
}
output {
  @apply inline-block;
}
iframe {
  @apply border-0;
}
summary {
  @apply list-item cursor-pointer;
}
progress {
  @apply align-baseline;
}
[hidden] {
  @apply hidden;
}
.blockquote {
  @apply text-[0.85rem] mb-4;
}
.blockquote > :last-child {
  @apply mb-0;
}
.figure {
  @apply inline-block;
}
.table {
  @apply text-[#60697b] bg-transparent w-full align-top border-[#edeff3] mb-4;
}
.table > :not(caption) > * > * {
  @apply text-[#60697b] bg-transparent p-[0.9rem] border-b;
}
.table > tbody {
  vertical-align: inherit;
}
.table > thead {
  @apply align-bottom;
}
.table-bordered > :not(caption) > * {
  border-width: 1px 0;
}
.table-bordered > :not(caption) > * > * {
  border-width: 0 1px;
}
.table-borderless > :not(caption) > * > * {
  @apply border-b-0;
}
.table-borderless > :not(:first-child) {
  @apply border-t-0;
}
.table-striped > tbody > tr:nth-of-type(odd) > * {
  @apply text-[#60697b] bg-[rgba(164,174,198,0.07)];
}
.table-hover > tbody > tr:hover > * {
  @apply text-[#60697b] bg-[rgba(164,174,198,0.07)];
}
.table-dark {
  @apply text-white border-[#3c4047] bg-[#262b32];
}
.table-dark > :not(caption) > * > * {
  @apply !text-white;
}
.table-responsive {
  @apply overflow-x-auto;
  -webkit-overflow-scrolling: touch;
}
.form-control[type="file"] {
  @apply overflow-hidden;
}
.form-control[type="file"]:not(:disabled):not([readonly]) {
  @apply cursor-pointer;
}
.form-control::-webkit-date-and-time-value {
  @apply min-w-[85px] h-[1.7em] m-0;
}
.form-control::-webkit-datetime-edit {
  @apply block p-0;
}
.form-control::file-selector-button {
  -webkit-margin-end: 1rem;
  margin-inline-end: 1rem;
  border-inline-end-width: 1px;
}
.form-control:hover:not(:disabled):not([readonly])::file-selector-button {
  @apply bg-[#aab0bc];
}
.form-control-sm::file-selector-button {
  -webkit-margin-end: 0.6rem;
  margin-inline-end: 0.6rem;
}
textarea.form-control {
  @apply min-h-[calc(1.7em_+_1.2rem_+_2px)];
}
textarea.form-control-sm {
  @apply min-h-[calc(1.7em_+_0.8rem_+_2px)];
}
.form-select {
  @apply block w-full text-[.75rem] font-medium leading-[1.7] text-[#959ca9] appearance-none bg-[#fefefe] bg-[image:var(--form-select-bg-img),var(--form-select-bg-icon,none)] bg-no-repeat bg-[right_0.75rem_center] border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] pl-4 pr-8 py-[0.6rem] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus:border-[rgba(8,60,130,0.1)] disabled:bg-[#aab0bc];
  --form-select-bg-img: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%2360697b' d='M22.667 12.227c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0-4.787 4.72-4.72-4.72c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0c-0.244 0.242-0.394 0.577-0.394 0.947s0.151 0.705 0.394 0.947l5.653 5.653c0.242 0.244 0.577 0.394 0.947 0.394s0.705-0.151 0.947-0.394l0-0 5.72-5.653c0.244-0.242 0.394-0.577 0.394-0.947s-0.151-0.705-0.394-0.947l-0-0z'%3E%3C/path%3E%3C/svg%3E");
  background-size: 20px 20px;
  transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out;
}
.form-select:focus {
  outline: 0;
}
.form-select[multiple],
.form-select[size]:not([size="1"]) {
  @apply bg-none pr-4;
}
.form-select:-moz-focusring {
  @apply text-transparent;
  text-shadow: 0 0 0 #959ca9;
}
.form-select-sm {
  @apply text-[0.7rem] pl-[0.6rem] py-[0.4rem] rounded-[0.4rem];
}
[data-bs-theme="dark"] .form-select {
  --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cacaca' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e");
}
.form-check .form-check-input {
  @apply float-left ml-[-1.55rem];
}
.form-check-input {
  @apply w-[1.05rem] h-[1.05rem] align-top appearance-none bg-[#fefefe] bg-[image:var(--form-check-bg-image)] bg-no-repeat bg-center bg-contain border mt-[0.325rem] border-solid border-[rgba(8,60,130,0.1)] active:brightness-[90%] focus:shadow-none focus:border-[rgba(8,60,130,0.1)] checked:bg-[#22b573] checked:border-[#22b573] disabled:pointer-events-none disabled:opacity-50;
  -webkit-appearance: none;
  -moz-appearance: none;
  print-color-adjust: exact;
}
.form-check-input[type="checkbox"] {
  @apply rounded-[0.25em];
}
.form-check-input[type="radio"] {
  @apply rounded-[50%];
}
.form-check-input:focus {
  outline: 0;
}
.form-check-input:checked[type="checkbox"] {
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='m6 10 3 3 6-6'/%3e%3c/svg%3e");
}
.form-check-input:checked[type="radio"] {
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='-4 -4 8 8'%3e%3ccircle r='1.5' fill='%23fff'/%3e%3c/svg%3e");
}
.form-check-input[type="checkbox"]:indeterminate {
  @apply bg-[#22b573] border-[#22b573];
  --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e");
}
.form-check-input:disabled {
  filter: none;
}
.form-check-input:disabled ~ .form-check-label,
.form-check-input[disabled] ~ .form-check-label {
  @apply cursor-default opacity-50;
}
.form-floating > label {
  /* @apply translate-none; */
  transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out;
}
.form-floating > .form-control::-moz-placeholder {
  @apply text-transparent;
}
.form-floating > .form-control::placeholder {
  @apply text-transparent;
}
.form-floating > .form-control:not(:-moz-placeholder-shown) {
  @apply pt-4 pb-[0.2rem];
}
.form-floating > .form-control:focus,
.form-floating > .form-control:not(:placeholder-shown) {
  @apply pt-4 pb-[0.2rem];
}
.form-floating > .form-control:-webkit-autofill {
  @apply pt-4 pb-[0.2rem];
}
.form-floating > .form-select {
  @apply pt-4 pb-[0.2rem];
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  @apply text-[rgba(96,105,123,1)] translate-y-[-0.4rem] translate-x-[0.2rem] scale-[0.8];
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  @apply text-[rgba(96,105,123,1)] translate-y-[-0.4rem] translate-x-[0.2rem] scale-[0.8];
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  @apply absolute z-[-1] h-[1.5em] content-[""] bg-[#fefefe] rounded-[0.4rem] inset-[0.6rem_0.5rem];
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  @apply absolute z-[-1] h-[1.5em] content-[""] bg-[#fefefe] rounded-[0.4rem] inset-[0.6rem_0.5rem];
}
.form-floating > .form-control:-webkit-autofill ~ label {
  @apply text-[rgba(96,105,123,1)] translate-y-[-0.4rem] translate-x-[0.2rem] scale-[0.8];
}
.form-floating > .form-control:disabled ~ label,
.form-floating > :disabled ~ label {
  @apply text-[#60697b];
}
.form-floating > .form-control:disabled ~ label::after,
.form-floating > :disabled ~ label::after {
  @apply bg-[#aab0bc];
}
.input-group {
  @apply relative flex flex-wrap items-stretch w-full;
}
.input-group > .form-control,
.input-group > .form-floating,
.input-group > .form-select {
  @apply relative flex-auto w-[1%] min-w-0;
}
.input-group > .form-control:focus,
.input-group > .form-floating:focus-within,
.input-group > .form-select:focus {
  @apply z-[5];
}
.input-group-lg > .btn,
.input-group-lg > .form-control,
.input-group-lg > .form-select {
  @apply text-[0.85rem] px-[1.4rem] py-[0.65rem] rounded-[0.4rem];
}
.input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3),
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-control,
.input-group:not(.has-validation)
  > .form-floating:not(:last-child)
  > .form-select,
.input-group:not(.has-validation)
  > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  @apply rounded-tr-none rounded-br-none;
}
.input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4),
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-control,
.input-group.has-validation
  > .form-floating:nth-last-child(n + 3)
  > .form-select,
.input-group.has-validation
  > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not(
    .form-floating
  ) {
  @apply rounded-tr-none rounded-br-none;
}
.input-group
  > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not(
    .valid-feedback
  ):not(.invalid-tooltip):not(.invalid-feedback) {
  @apply ml-[calc(1px_*_-1)] rounded-tl-none rounded-bl-none;
}
.input-group > .form-floating:not(:first-child) > .form-control,
.input-group > .form-floating:not(:first-child) > .form-select {
  @apply rounded-tl-none rounded-bl-none;
}
.valid-feedback {
  @apply hidden w-full text-[0.7rem] text-[#198754] mt-1;
}
.valid-tooltip {
  @apply absolute z-[5] hidden max-w-full text-[0.8rem] text-white bg-[#45c4a0] mt-[0.1rem] px-3 py-2 rounded-[0.4rem] top-full;
}
.is-valid ~ .valid-feedback,
.is-valid ~ .valid-tooltip {
  @apply block;
}
.form-control.is-valid {
  @apply border-[#198754] bg-[url("data:image/svg+xml,%3Csvg_xmlns='http://www.w3.org/2000/svg'_viewBox='0_0_24_24'%3E%3Cpath_fill='%23198754'_d='M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,0.71.29,1,1,0,0,0,0.7-0.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z'/%3E%3C/svg%3E")] bg-no-repeat bg-[right_calc(.425em_+_0.3rem)_center] bg-[calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[calc(1.7em_+_1.2rem)];
}
.form-control.is-valid:focus {
  @apply border-[#198754] shadow-[0_0_0_0.25rem_rgba(69,196,160,0.25)];
}
textarea.form-control.is-valid {
  @apply bg-[top_calc(.425em_+_0.3rem)_right_calc(.425em_+_0.3rem)] pr-[calc(1.7em_+_1.2rem)];
}
.form-select.is-valid {
  @apply border-[#198754];
}
.form-select.is-valid:not([multiple]):not([size]),
.form-select.is-valid:not([multiple])[size="1"] {
  @apply bg-[right_0.75rem_center,center_right_2rem] bg-[20px_20px,calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[4.5rem];
  --form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23198754' d='M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,.71.29,1,1,0,0,0,.7-.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z'/%3E%3C/svg%3E");
}
.form-select.is-valid:focus {
  @apply border-[#198754] shadow-[0_0_0_0.25rem_rgba(69,196,160,0.25)];
}
.form-check-input.is-valid {
  @apply border-[#198754];
}
.form-check-input.is-valid:checked {
  @apply bg-[#198754];
}
.form-check-input.is-valid:focus {
  @apply shadow-[0_0_0_0.25rem_rgba(69,196,160,0.25)];
}
.form-check-input.is-valid ~ .form-check-label {
  @apply text-[#198754];
}
.input-group > .form-control:not(:focus).is-valid,
.input-group > .form-floating:not(:focus-within).is-valid,
.input-group > .form-select:not(:focus).is-valid {
  @apply z-[3];
}
.invalid-feedback {
  @apply hidden w-full text-[0.7rem] text-[#dc3545] mt-1;
}
.invalid-tooltip {
  @apply absolute z-[5] hidden max-w-full text-[0.8rem] text-white bg-[#e2626b] mt-[0.1rem] px-3 py-2 rounded-[0.4rem] top-full;
}
.is-invalid ~ .invalid-feedback,
.is-invalid ~ .invalid-tooltip {
  @apply block;
}
.form-control.is-invalid {
  @apply border-[#dc3545] bg-[url("data:image/svg+xml,%3csvg_xmlns='http://www.w3.org/2000/svg'_viewBox='0_0_12_12'_width='12'_height='12'_fill='none'_stroke='%23dc3545'%3e%3ccircle_cx='6'_cy='6'_r='4.5'/%3e%3cpath_stroke-linejoin='round'_d='M5.8_3.6h.4L6_6.5z'/%3e%3ccircle_cx='6'_cy='8.2'_r='.6'_fill='%23dc3545'_stroke='none'/%3e%3c/svg%3e")] bg-no-repeat bg-[right_calc(.425em_+_0.3rem)_center] bg-[calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[calc(1.7em_+_1.2rem)];
}
.form-control.is-invalid:focus {
  @apply border-[#dc3545] shadow-[0_0_0_0.25rem_rgba(226,98,107,0.25)];
}
textarea.form-control.is-invalid {
  @apply bg-[top_calc(.425em_+_0.3rem)_right_calc(.425em_+_0.3rem)] pr-[calc(1.7em_+_1.2rem)];
}
.form-select.is-invalid {
  @apply border-[#dc3545];
}
.form-select.is-invalid:not([multiple]):not([size]),
.form-select.is-invalid:not([multiple])[size="1"] {
  @apply bg-[right_0.75rem_center,center_right_2rem] bg-[20px_20px,calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[4.5rem];
  --form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e");
}
.form-select.is-invalid:focus {
  @apply border-[#dc3545] shadow-[0_0_0_0.25rem_rgba(226,98,107,0.25)];
}
.form-check-input.is-invalid {
  @apply border-[#dc3545];
}
.form-check-input.is-invalid:checked {
  @apply bg-[#dc3545];
}
.form-check-input.is-invalid:focus {
  @apply shadow-[0_0_0_0.25rem_rgba(226,98,107,0.25)];
}
.form-check-input.is-invalid ~ .form-check-label {
  @apply text-[#dc3545];
}
.input-group > .form-control:not(:focus).is-invalid,
.input-group > .form-floating:not(:focus-within).is-invalid,
.input-group > .form-select:not(:focus).is-invalid {
  @apply z-[4];
}
.btn {
  @apply inline-block text-[0.8rem] font-bold leading-[1.7] p-[0.5rem_1.2rem] text-[#60697b] text-center whitespace-nowrap align-middle cursor-pointer select-none border-[2px] border-transparent rounded-[0.4rem] bg-transparent shadow-[unset] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:text-white  hover:border-white hover:bg-white focus-visible:text-[#ffffff]  focus-visible:border-transparent focus-visible:shadow-[unset,0_0_0_0.25rem_rgba(92,140,229,0.5)];
}
.btn:focus-visible {
  outline: 0;
}
.btn-white {
  @apply text-[#343f52] bg-white border-white hover:text-[#343f52] hover:bg-white hover:border-white focus:shadow-[rgba(225,226,229,1)] active:text-[#343f52] active:bg-white active:border-white disabled:text-[#343f52] disabled:bg-white disabled:border-white;
}
.btn-lg {
  @apply text-[0.85rem] px-[1.4rem] py-[0.65rem] rounded-[0.4rem];
}
.btn-sm {
  @apply text-[0.7rem] px-4 py-[0.4rem] rounded-[0.4rem];
}
.fade {
  @apply transition-opacity duration-[0.15s] ease-linear motion-reduce:transition-none;
}
.fade:not(.show) {
  @apply opacity-0;
}
.collapse {
  @apply visible;
}
.collapse:not(.show) {
  @apply hidden;
}
.collapsing {
  @apply h-0 overflow-hidden transition-[height] duration-[0.35s] ease-[ease] motion-reduce:transition-none;
}
.collapsing.collapse-horizontal {
  @apply w-0 h-auto transition-[width] duration-[0.35s] ease-[ease] motion-reduce:transition-none;
}
.dropdown,
.dropdown-center,
.dropend,
.dropstart,
.dropup,
.dropup-center {
  @apply relative;
}
.dropdown-toggle {
  @apply whitespace-nowrap after:inline-block after:font-bold after:content-["\e92d"] after:ml-[0.05rem] after:border-0 empty:after:ml-0 after:font-Unicons after:align-[-3px];
}
.dropdown-menu {
  @apply absolute z-[1000] hidden min-w-[10rem] text-[0.75rem] text-[#343f52] text-left bg-white bg-clip-padding border-[1px] border-transparent rounded-[0.4rem] !shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.06)] m-0 border-solid
        list-none p-[1rem_0];
}
.dropdown-menu[data-bs-popper] {
  @apply mt-[0.75rem] left-0 top-full;
}
.dropdown-menu-start[data-bs-popper] {
  @apply left-0 right-auto;
}
.dropdown-menu-end[data-bs-popper] {
  @apply left-auto right-0;
}

.dropup .dropdown-menu[data-bs-popper] {
  @apply mb-[0.75rem] mt-0 top-auto bottom-full;
}
.dropup .dropdown-toggle::after {
  @apply inline-block font-bold content-["\e932"] ml-[0.05rem] border-0 font-Unicons align-[-3px];
}
.dropup .dropdown-toggle:empty::after {
  @apply ml-0;
}
.dropend .dropdown-menu[data-bs-popper] {
  @apply ml-[0.75rem] mt-0 left-full right-auto top-0;
}
.dropend .dropdown-toggle::after {
  @apply inline-block font-bold content-["\e931"] ml-[0.05rem] border-0 font-Unicons align-[-3px];
}
.dropend .dropdown-toggle:empty::after {
  @apply ml-0;
}
.dropend .dropdown-toggle::after {
  vertical-align: 0;
}
.dropstart .dropdown-menu[data-bs-popper] {
  @apply mr-[0.75rem] mt-0 left-auto right-full top-0;
}
.dropstart .dropdown-toggle::after {
  @apply inline-block font-bold content-["\e92f"] ml-[0.05rem] border-0 font-Unicons align-[-3px];
}
.dropstart .dropdown-toggle:empty::after {
  @apply ml-0;
}
.dropstart .dropdown-toggle::before {
  vertical-align: 0;
}
.dropdown-divider {
  @apply h-0 my-[0.5rem] overflow-hidden border-t-[transparent] opacity-100 mx-0 border-t border-solid;
}
.dropdown-item {
  @apply block w-full pt-[0.2rem] pr-[1.5rem] pb-[0.2rem] pl-[1.5rem] clear-both font-medium text-[#343f52] whitespace-nowrap bg-transparent border-0 [text-align:inherit];
}
.dropdown-item:focus,
.dropdown-item:hover {
  @apply hover:text-[#22b573] hover:bg-[inherit] focus:text-[#22b573] focus:bg-[inherit];
}
.dropdown-item.active,
.dropdown-item:active {
  @apply text-[#22b573] no-underline bg-[inherit];
}
.dropdown-item.disabled,
.dropdown-item:disabled {
  @apply text-[#60697b] pointer-events-none bg-transparent;
}
.dropdown-menu.show {
  @apply block;
}
.dropdown-header {
  @apply block pt-[0.5rem] pr-[1.5rem] pb-[0.5rem] pl-[1.5rem] text-[0.7rem] text-[#22b573] whitespace-nowrap mb-0;
}
.btn-group > .btn {
  @apply relative flex-auto;
}
.btn-group > .btn:active,
.btn-group > .btn:focus,
.btn-group > .btn:hover {
  @apply z-[1];
}
.btn-toolbar {
  @apply flex flex-wrap justify-start;
}
.btn-toolbar .input-group {
  @apply w-auto;
}
.btn-group {
  @apply rounded-[0.4rem];
}
.btn-group > .btn-group:not(:first-child) {
  @apply ml-[calc(2px_*_-1)];
}
.btn-group > .btn-group:not(:last-child) > .btn,
.btn-group > .btn.dropdown-toggle-split:first-child,
.btn-group > .btn:not(:last-child):not(.dropdown-toggle) {
  @apply rounded-tr-none rounded-br-none;
}
.btn-group > .btn-group:not(:first-child) > .btn,
.btn-group > .btn:nth-child(n + 3) {
  @apply rounded-tl-none rounded-bl-none;
}
.dropdown-toggle-split {
  @apply px-[0.9rem] after:ml-0;
}
.dropend .dropdown-toggle-split::after,
.dropup .dropdown-toggle-split::after {
  @apply ml-0;
}
.dropstart .dropdown-toggle-split::before {
  @apply mr-0;
}
.btn-sm + .dropdown-toggle-split {
  @apply px-3;
}
.btn-lg + .dropdown-toggle-split {
  @apply px-[1.05rem];
}
.btn-group.show .dropdown-toggle {
  @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)];
}
.nav {
  @apply text-[0.8rem] font-bold text-[#343f52] p-0 flex flex-wrap mb-0 list-none;
}
.nav-link {
  @apply block p-[1.2rem_0] text-[0.8rem] font-bold text-[#343f52] transition-[color] duration-[0.2s] ease-in-out border-0 motion-reduce:transition-none focus-visible:shadow-[0_0_0_0.25rem_rgba(63,120,224,0.25)] hover:text-[#22b573] focus:text-[#22b573] bg-inherit;
}
.nav-link:focus-visible {
  outline: 0;
}
.nav-link.disabled,
.nav-link:disabled {
  @apply text-[#959ca9] pointer-events-none cursor-default;
}
.nav-tabs {
  @apply border-b-[length:1px] border-b-[rgba(164,174,198,0.2)] border-solid;
}
.nav-tabs .nav-link {
  @apply mb-[calc(-1_*_1px)] border-[length:1px] rounded-tl-[0.4rem] rounded-tr-[0.4rem] border-solid border-transparent;
}
.nav-tabs .nav-link:focus,
.nav-tabs .nav-link:hover {
  @apply isolate border-transparent;
}
.nav-tabs .nav-item.show .nav-link,
.nav-tabs .nav-link.active {
  @apply text-[#22b573] bg-white border-[rgba(164,174,198,0.2)];
}
.nav-tabs .dropdown-menu {
  @apply mt-[calc(-1_*_1px)] rounded-t-none;
}
.nav-pills {
  @apply rounded-[0.4rem];
}
.nav-pills .nav-link {
  @apply rounded-[0.4rem];
}
.nav-pills .nav-link.active,
.nav-pills .show > .nav-link {
  @apply text-[#22b573] bg-white;
}
.nav-underline {
  @apply gap-[1rem];
}
.nav-underline .nav-link {
  @apply border-b-[0.125rem] px-0 border-b-transparent border-solid;
}
.nav-underline .nav-link:focus,
.nav-underline .nav-link:hover {
  @apply border-b-[currentcolor];
}
.nav-underline .nav-link.active,
.nav-underline .show > .nav-link {
  @apply font-bold text-[#000000] border-b-[currentcolor];
}
.nav-fill .nav-item,
.nav-fill > .nav-link {
  @apply flex-auto text-center;
}
.nav-justified .nav-item,
.nav-justified > .nav-link {
  @apply basis-0 grow text-center;
}
.nav-fill .nav-item .nav-link,
.nav-justified .nav-item .nav-link {
  @apply w-full;
}
.tab-content > .tab-pane {
  @apply hidden;
}
.tab-content > .active {
  @apply block;
}
.navbar {
  @apply relative flex flex-wrap items-center justify-between p-0 text-[#343f52];
}
.navbar > .container,
.navbar > .container-fluid,
.navbar > .container-lg,
.navbar > .container-md,
.navbar > .container-sm,
.navbar > .container-xl,
.navbar > .container-xxl {
  @apply flex items-center justify-between;
  flex-wrap: inherit;
}
.navbar-brand {
  @apply py-0 mr-0 text-[0.7rem] text-[#22b573] whitespace-nowrap;
}
.navbar-brand:focus,
.navbar-brand:hover {
  @apply text-[#22b573];
}
.navbar-nav {
  @apply text-[0.8rem] font-bold text-[#343f52] p-0 flex flex-col mb-0 list-none;
}
.navbar-nav .nav-link.active,
.navbar-nav .nav-link.show {
  @apply text-[#22b573];
}
.navbar-nav .dropdown-menu {
  @apply static;
}
.navbar-collapse {
  @apply basis-full grow items-center;
}
.navbar-toggler {
  @apply py-[0.25rem] px-[0.75rem] text-[1rem] leading-none text-[#343f52] bg-transparent border-[1px] border-[transparent] rounded-[0.4rem] transition-[box-shadow_0.15s_ease-in-out] border-solid motion-reduce:transition-none hover:no-underline focus:no-underline focus:shadow-[0_0_0_0.25rem];
}
.navbar-toggler:focus {
  outline: 0;
}
.navbar-dark,
.navbar[data-bs-theme="dark"] {
}
.navbar-dark,
.navbar[data-bs-theme="dark"] {
  @apply text-white hover:text-[rgba(255,255,255,0.7)]
        disabled:text-[rgba(255,255,255,0.25)]
        active:text-[rgba(255,255,255,0.7)];
}
.navbar-dark .nav-link {
  @apply text-white hover:text-[rgba(255,255,255,0.7)] focus:text-[rgba(255,255,255,0.7)];
}
.card {
  @apply relative flex flex-col min-w-0 text-[#60697b] bg-[#ffffff] bg-clip-border border-[1px] border-[rgba(164,174,198,0.2)] rounded-[0.4rem] border-solid [word-wrap:break-word];
}
.card > hr {
  @apply mx-0;
}
.card-title {
  @apply mb-[0.5rem] text-[#343f52];
}
.card-link + .card-link {
  @apply ml-[2rem];
}
.card-header {
  @apply pt-[0.9rem] pr-[2rem] pb-[0.9rem] pl-[2rem] bg-transparent border-b-[1px] border-b-[rgba(164,174,198,0.2)] mb-0 border-solid first:rounded-[0.4rem_0.4rem_0_0];
}
.card-footer {
  @apply pt-[0.9rem] pr-[2rem] pb-[0.9rem] pl-[2rem] bg-transparent border-t-[1px] border-t-[rgba(164,174,198,0.2)] border-solid last:rounded-[0_0_0.4rem_0.4rem];
}
.card-header-tabs {
  @apply mr-[calc(-0.5_*_2rem)] mb-[calc(-1_*_0.9rem)] ml-[calc(-0.5_*_2rem)] border-b-0;
}
.card-header-tabs .nav-link.active {
  @apply bg-[#ffffff] border-b-[#ffffff];
}
.card-header-pills {
  @apply mr-[calc(-0.5_*_2rem)] ml-[calc(-0.5_*_2rem)];
}
.card-img,
.card-img-bottom,
.card-img-top {
  @apply w-full;
}
.card-img,
.card-img-top {
  @apply rounded-tl-[0.4rem] rounded-tr-[0.4rem];
}
.card-img,
.card-img-bottom {
  @apply rounded-br-[0.4rem] rounded-bl-[0.4rem];
}
.card-group > .card {
  @apply mb-[0.75rem];
}
.pagination {
  @apply flex pl-0 list-none;
}
.page-link {
  @apply relative block p-0 text-[0.65rem] text-[#343f52] bg-[#ffffff] border-[1px] border-[rgba(164,174,198,0.2)] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:z-[2] hover:text-[#22b573] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#22b573] focus:bg-[#ffffff] focus:shadow-[unset];
}
.page-link:focus {
  outline: 0;
}
.active > .page-link,
.page-link.active {
  @apply z-[3] text-[#22b573] bg-[#ffffff] border-[rgba(164,174,198,0.2)];
}
.disabled > .page-link,
.page-link.disabled {
  @apply text-[#959ca9] pointer-events-none bg-[#ffffff] border-[rgba(164,174,198,0.2)];
}
.page-item:not(:first-child) .page-link {
  @apply ml-[calc(1px_*_-1)];
}
.page-item:first-child .page-link {
  @apply rounded-tl-[0.4rem] rounded-bl-[0.4rem];
}
.page-item:last-child .page-link {
  @apply rounded-tr-[0.4rem] rounded-br-[0.4rem];
}
.badge {
  @apply inline-block pt-[0.4em] pr-[0.7em] pb-[0.4em] pl-[0.7em] text-[0.75em] font-bold leading-none text-white text-center whitespace-nowrap align-baseline rounded-[0.4rem] empty:hidden;
}
.btn .badge {
  @apply relative -top-px;
}
.alert {
  @apply relative p-[1rem] mb-[1rem] text-inherit bg-transparent [border:0_solid_transparent] rounded-[0.4rem];
}
.alert-link {
  @apply font-bold text-inherit;
}
.alert-dismissible {
  @apply pr-12;
}
.alert-dismissible .btn-close {
  @apply absolute z-[2] !p-[1.05rem_1rem] right-0 top-0;
}
.modal {
  @apply w-[560px] m-2 p-10;
  @apply fixed z-[1055] hidden w-full h-full overflow-x-hidden overflow-y-auto left-0 top-0;
  outline: 0;
}
.modal-dialog {
  @apply relative w-auto mt-[0.5rem] mr-[0.5rem] mb-[0.5rem] ml-[0.5rem] pointer-events-none;
}
.modal.fade .modal-dialog {
  @apply transition-transform duration-[0.3s] ease-[ease-out] translate-x-0 translate-y-[-50px] motion-reduce:transition-none;
}
.modal.show .modal-dialog {
  @apply transform-none;
}
.modal.modal-static .modal-dialog {
  @apply scale-[1.02];
}
.modal-dialog-scrollable {
  @apply h-[calc(100%_-_0.5rem_*_2)];
}
.modal-dialog-scrollable .modal-content {
  @apply max-h-full overflow-hidden;
}
.modal-dialog-scrollable .modal-body {
  @apply overflow-y-auto;
}
.modal-dialog-centered {
  @apply flex items-center min-h-[calc(100%_-_0.5rem_*_2)];
}
.modal-content {
  @apply relative flex flex-col w-full pointer-events-auto bg-[#fefefe] bg-clip-padding border-[0] border-[rgba(0,0,0,0.175)] rounded-[0.4rem] shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.04)] border-solid;
  outline: 0;
}
.modal-backdrop.show {
  @apply !opacity-100;
}
.modal-backdrop.fade {
  @apply opacity-0;
}
.modal-backdrop {
  @apply fixed z-[1050] w-screen h-screen bg-[rgba(30,34,40,0.9)] left-0 top-0;
}
.offcanvas {
  @apply fixed z-[1045] flex flex-col max-w-full text-[#ffffff] invisible bg-[#1e2228] bg-clip-padding shadow-[none] transition-transform duration-[0.3s] ease-in-out bottom-0 motion-reduce:transition-none outline-0;
  outline: 0;
}
.offcanvas.offcanvas-start {
  @apply w-[15rem] border-r-[0] border-r-[transparent] -translate-x-full border-solid left-0 top-0;
}
.offcanvas.offcanvas-end {
  @apply w-[15rem] border-l-[0] border-l-[transparent] translate-x-full border-solid right-0 top-0;
}
.offcanvas.offcanvas-top {
  @apply h-[30vh] max-h-full border-b-[0] border-b-[transparent] -translate-y-full border-solid top-0 inset-x-0;
}
.offcanvas.offcanvas-bottom {
  @apply h-[30vh] max-h-full border-t-[0] border-t-[transparent] translate-y-full border-solid inset-x-0;
}
.offcanvas.show:not(.hiding),
.offcanvas.showing {
  @apply transform-none !translate-none;
}
.offcanvas.hiding,
.offcanvas.show,
.offcanvas.showing {
  @apply visible;
}
.offcanvas-backdrop {
  @apply fixed z-[1040] w-screen h-screen bg-[rgba(30,34,40,0.7)] left-0 top-0;
}
.offcanvas-backdrop.fade {
  @apply opacity-0;
}
.offcanvas-backdrop.show {
  @apply opacity-100;
}
.offcanvas-body {
  @apply grow pt-[1.5rem] pr-[1.5rem] pb-[1.5rem] pl-[1.5rem] overflow-y-auto;
}
.placeholder {
  @apply inline-block min-h-[1em] align-middle cursor-wait bg-[currentcolor] opacity-50;
}
.placeholder.btn::before {
  @apply inline-block content-[""];
}
.placeholder {
  @apply animate-[placeholder-glow_2s_ease-in-out_infinite];
}
@keyframes placeholder-glow {
  50% {
    opacity: 0.2;
  }
}
.visually-hidden,
.visually-hidden-focusable:not(:focus):not(:focus-within) {
  @apply w-px h-px overflow-hidden whitespace-nowrap -m-px p-0 border-0;
  clip: rect(0, 0, 0, 0) !important;
}
.visually-hidden-focusable:not(:focus):not(:focus-within):not(caption),
.visually-hidden:not(caption) {
  @apply absolute;
}
.stretched-link::after {
  @apply absolute z-[1] content-[""] inset-0;
}
.mark,
mark {
  @apply text-inherit rounded-[0.4rem];
}
.rounded,
.rounded img {
  @apply rounded-[0.4rem];
}
.rounded-xl img,
.rounded-xl > .plyr {
  @apply rounded-[0.8rem];
}
.page-frame footer,
.page-frame section {
  @apply mt-5 md:px-6 md:rounded-2xl;
}
figure {
  @apply m-0 p-0;
}
figure img {
  @apply w-full max-w-full !h-auto;
}
.img-mask img {
  @apply h-auto w-full max-w-full;
  -webkit-mask-position: center center;
  mask-position: center center;
  -webkit-mask-repeat: no-repeat;
  mask-repeat: no-repeat;
  -webkit-mask-size: auto auto;
}
.img-mask.mask-1 img {
  -webkit-mask-image: url(/assets/img/svg/blob.svg);
  background-image: url(/assets/img/svg/blob.svg);
}
.img-mask.mask-2 img {
  -webkit-mask-image: url(/assets/img/svg/hex.svg);
  background-image: url(/assets/img/svg/hex.svg);
}
.img-mask.mask-3 img {
  -webkit-mask-image: url(/assets/img/svg/blob2.svg);
  background-image: url(/assets/img/svg/blob2.svg);
}
.table:not(.table-borderless) tbody {
  @apply border-t;
}
.map iframe {
  @apply block;
}
[class*="\!mb-"],
[class*="\!mt-"] {
  @apply relative z-[3];
}
.mega-menu-scroll,
.offcanvas,
.scrollbar-hidden {
  -ms-overflow-style: none;
  scrollbar-width: none;
}
.mega-menu-scroll::-webkit-scrollbar,
.offcanvas::-webkit-scrollbar,
.scrollbar-hidden::-webkit-scrollbar {
  @apply hidden;
}
blockquote.border-0 {
  @apply pl-0;
}
blockquote.text-center.icon-top:before {
  @apply translate-x-[-52%] left-2/4;
}
.filter:not(.basic-filter) ul li a {
  @apply text-[#aab0bc];
}
.filter:not(.basic-filter) ul li a.active {
  @apply !text-[#22b573];
}
.filter:not(.basic-filter).dark-filter ul li + li:before {
  @apply bg-[rgba(255,255,255,.2)];
}
.filter:not(.basic-filter).dark-filter ul li a.active,
.filter:not(.basic-filter).dark-filter ul li a:hover {
  @apply text-white;
}
.filter.basic-filter p {
  @apply inline text-[#343f52] font-bold ml-0 mr-4 my-0;
}
.filter.basic-filter ul {
  @apply inline m-0 p-0 list-none;
}
.filter.basic-filter ul li {
  @apply inline mr-4;
}
.filter.basic-filter ul li a {
  @apply cursor-pointer text-[#60697b];
}
.filter.basic-filter ul li a.active,
.filter.basic-filter ul li a:hover {
  @apply text-[#22b573];
}
.filter.basic-filter.dark-filter ul li a.active,
.filter.basic-filter.dark-filter ul li a:hover {
  @apply text-white;
}
.image-list .meta,
.image-list p {
  @apply m-0;
}
.widget .tag-list li a {
  @apply flex items-center;
}
.underline-3.style-3.yellow:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23fab758' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
}
.yellow:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23fab758' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E");
}
.underline-3.style-3.green:after {
  background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%2345c4a0' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E");
}
.cursor-light a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;opacity:0.9;%7D.cls-2%7Bfill:%23262b32;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"),
    auto;
}
.cursor-dark a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23262b32;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"),
    auto;
}
.cursor-primary a {
  cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%233f78e0;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"),
    auto;
}
/* .underline-3.primary.style-3:after {
  background-image: url(
    data:image/svg + xml,
    %3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 205 9.37"%3E%3Cpathfill="%23f78b77"d="M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z"/%3E%3C/svg%3E
  );
} */
.post-header .post-meta li:before {
  @apply ml-[0.4rem] mr-[0.6rem] my-0;
}
.post-meta li:first-child:before,
article .post-meta li.ms-auto:before {
  @apply hidden;
}
.glyphs li {
  @apply block;
}
.glyphs li svg {
  @apply inline-block mb-[0.3rem];
}
.glyphs li i:before {
  @apply text-[#343f52] text-[calc(1.285rem_+_0.42vw)] m-0 p-0;
}
.glyphs li .card-body {
  @apply pt-2 pb-4 px-[0.2rem];
}
.code-wrapper .btn-clipboard {
  @apply absolute cursor-pointer text-[0.6rem] z-[3] px-[0.45rem] py-[0.1rem] right-2 top-2 font-Manrope transform-none hover:text-[#262b32] hover:bg-[white] hover:border-[white];
}
.code-wrapper pre {
  @apply mb-0;
}
pre[class*="language-"] {
  @apply relative pt-8;
}
pre[class*="language-"]:focus {
  outline: 0;
}
:not(pre) > code[class*="language-"],
pre,
pre[class*="language-"] {
  @apply text-[0.7rem] m-0 p-8 [background:0_0];
}
.code,
.doc.mark,
.external,
.file,
.folder,
.internal,
.kbd,
.terminal,
mark.doc {
  @apply relative inline-flex items-center text-[0.65rem] shadow-none mx-[0.1rem] my-[0.275rem] pl-[1.4rem] pr-[0.4rem] py-[0.05rem] rounded-[0.2rem] border-0 bg-[rgba(164,174,198,.15)] align-[2px];
  font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono",
    "Courier New", monospace;
  -webkit-font-smoothing: auto;
  -moz-osx-font-smoothing: auto;
}
.doc.mark,
mark.doc {
  @apply pb-[.05rem] p-[.05rem_.4rem_.2rem];
}
.code:before,
.external:after,
.file:before,
.folder:before,
.internal:after,
.kbd:before,
.terminal:before {
  @apply absolute flex justify-center items-center w-[1.6rem] text-center text-inherit text-[0.7rem] mr-[0.4rem] pt-[0.05rem] rounded-tr-none rounded-br-none rounded-[0.2rem] left-0 font-Unicons;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
}
.external {
  @apply text-[#60697b] pl-[0.4rem] pr-[1.6rem] py-[0.05rem];
}
.external:after {
  @apply text-[#60697b] text-[0.65rem] ml-[0.4rem] mr-0 left-auto right-0;
}
.internal {
  @apply text-[#60697b] pl-[0.4rem] py-[0.05rem] pr-[1.4rem] after:content-["\e94c"] after:text-[#60697b] after:text-[0.65rem] after:ml-[0.4rem] after:mr-0 after:left-auto after:right-0;
}
.code:before {
  @apply text-[0.85rem] content-["\e952"];
}
.terminal:before {
  @apply content-["\e905"] text-[0.8rem] font-Custom;
}
.folder:before {
  @apply content-["\eb34"];
}
.file:before {
  @apply content-["\eaed"];
}
.kbd:before {
  @apply content-["\eba9"] text-[0.8rem];
}
.text-gradient {
  @apply inline-block;
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.text-gradient em {
  @apply tracking-[normal] px-[0.05em];
}
.text-gradient.text-line.gradient-1:before {
  @apply bg-[#f857a6];
}
.text-gradient.text-line.gradient-2:before {
  @apply bg-[#f5b161];
}
.text-gradient.text-line.gradient-3:before {
  @apply bg-[#fbda61];
}
.text-gradient.text-line.gradient-4:before {
  @apply bg-[#9040db];
}
.text-gradient.text-line.gradient-5:before {
  @apply bg-[#4158d0];
}
.text-gradient.text-line.gradient-6:before {
  @apply bg-[#08aeea];
}
.text-gradient.text-line.gradient-7:before {
  @apply bg-[#0093e9];
}
input,
select,
textarea {
  -webkit-appearance: none !important;
}
.form-floating:not(.form-control:disabled)::before {
  @apply bg-inherit;
}
.bg-gradient-primary {
  background: linear-gradient(180deg, #edf2fc, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-sky {
  background: linear-gradient(180deg, #f0f8fe, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-sky {
  background: linear-gradient(0deg, #f0f8fe, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-yellow {
  background: linear-gradient(180deg, #fff8ee, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-primary {
  background: linear-gradient(0deg, #fff8ee, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-reverse-purple {
  background: linear-gradient(0deg, #f2f3fb, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-purple {
  background: linear-gradient(180deg, #f2f3fb, rgba(255, 255, 255, 0) 100%);
}
.bg-gradient-blend {
  background: linear-gradient(160deg, #ffb7b7 9%, #727272 100%),
    radial-gradient(100% 100% at 30% 10%, #ffd1d1 0, #260000 100%),
    linear-gradient(180deg, #0ff 0, #fff 100%),
    radial-gradient(100% 100% at 70% 0, red 0, #00ffe0 100%),
    linear-gradient(280deg, #dbff00 0, #30f 100%);
  background-blend-mode: screen, overlay, color-burn, color-dodge, normal;
}
.form-floating.input-group label {
  @apply !ml-[0.05rem];
}
.form-floating > textarea.form-control:not(:-moz-placeholder-shown) {
  @apply pt-[1.3rem];
}
.form-floating > textarea.form-control:focus,
.form-floating > textarea.form-control:not(:placeholder-shown) {
  @apply pt-[1.3rem];
}
.form-floating > textarea.form-control:-webkit-autofill {
  @apply pt-[1.3rem];
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label {
  @apply text-[#959ca9];
}
.form-floating > .form-control:focus ~ label,
.form-floating > .form-control:not(:placeholder-shown) ~ label,
.form-floating > .form-select ~ label {
  @apply text-[#959ca9];
}
.form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after {
  @apply bg-transparent;
}
.form-floating > .form-control:focus ~ label::after,
.form-floating > .form-control:not(:placeholder-shown) ~ label::after,
.form-floating > .form-select ~ label::after {
  @apply bg-transparent;
}
.form-check-input {
  @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] mt-[0.2rem];
}
.form-select {
  @apply bg-clip-padding;
}
.mc-field-group {
  @apply !text-left;
}
.input-group > .form-control:focus,
.input-group > .form-select:focus {
  @apply z-0;
}
.input-group > .btn {
  @apply max-h-[2.6rem];
}
.picker {
  @apply flex flex-wrap mb-6;
}
.picker label[for*="size"] > input:checked ~ span {
  @apply bg-[#22b573] text-white;
}
.picker label[for*="color"] > input:checked ~ span {
  @apply shadow-[0_0_0_2px_#fff,0_0_0_4px_var(--color)];
}
.btn {
  @apply inline-flex items-center justify-center translate-y-0 tracking-[-0.01rem] relative;
}
.rounded-pill {
  @apply !rounded-[50rem];
}
.btn:not(.btn-link):hover {
  @apply translate-y-[-0.15rem] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)];
}
.btn.btn-circle.btn-play:hover {
  @apply translate-y-0;
}
.btn.btn-white:hover,
.btn[class*="btn-soft-"]:hover {
  @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.05)];
}
.btn.btn-block {
  @apply w-[2.2rem] h-[2.2rem] inline-flex items-center justify-center !text-[1rem] leading-none p-0;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.btn.btn-block.btn-sm {
  @apply w-[1.8rem] h-[1.8rem] text-[1rem];
}
.btn.btn-block.btn-lg {
  @apply w-12 h-12 text-[calc(1.265rem_+_0.18vw)];
}
.btn.btn-block.btn-play {
  @apply w-14 h-14 text-[1.2rem];
}
.btn.btn-block.btn-play i {
  @apply ml-[0.15rem];
}
.btn.btn-block .number {
  @apply table-cell text-center align-middle text-[1.1rem] font-bold mx-auto my-0;
}
.btn-circle.ripple::after,
.plyr__control--overlaid::after {
  animation-delay: 0.5s;
}
.btn.btn-circle.counter {
  @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)];
}
.btn.btn-expand {
  @apply max-h-10 text-[0.85rem] pl-0 py-[0.55rem] border-0 before:content-[""] before:transition-all before:duration-[0.45s] before:ease-[cubic-bezier(.65,0,0.076,1)] before:w-auto before:h-10 before:absolute before:w-10 before:z-0 before:rounded-[50rem] before:left-0 before:top-0 hover:translate-y-0 hover:text-white hover:shadow-none hover:before:w-full bg-inherit;
}
.btn.btn-expand span {
  @apply relative z-[2] pl-[2.95rem];
}
.btn.btn-expand i {
  @apply absolute z-[2] w-10 h-10 flex items-center justify-center text-white text-[calc(1.26rem_+_0.12vw)] transition-all duration-[0.45s] ease-[cubic-bezier(.65,0,0.076,1)] left-0 top-0;
}
.btn.btn-expand:hover {
  @apply bg-inherit;
}
.btn.btn-expand:hover i {
  @apply left-1;
}
.btn.btn-expand.btn-sm {
  @apply text-[12px] py-[0.45rem];
}
.btn.btn-expand.btn-sm i {
  @apply w-[2.15rem] h-[2.15rem] text-[1.1rem];
}
.btn.btn-expand.btn-sm span {
  @apply pl-[2.65rem];
}
.btn.btn-expand.btn-sm:before {
  @apply w-[2.15rem];
}
.btn.btn-expand.btn-sm:hover:before {
  @apply w-full;
}
.btn.btn-expand.btn-lg {
  @apply text-[0.9rem] py-[0.7rem];
}
.btn.btn-expand.btn-lg i {
  @apply w-[2.9rem] h-[2.9rem] text-[calc(1.26rem_+_0.12vw)];
}
.btn.btn-expand.btn-lg span {
  @apply pl-[3.4rem];
}
.btn.btn-expand.btn-lg:before {
  @apply w-[2.9rem];
}
.btn.btn-expand.btn-lg:hover:before {
  @apply w-full;
}
.input-group .btn:hover {
  @apply transform-none;
}
button:focus {
  outline: 0;
}
.btn-blue.btn-expand {
  @apply text-[#22b573] before:bg-[#22b573];
}
.btn-sky.btn-expand {
  @apply text-[#5eb9f0] before:bg-[#5eb9f0];
}
.btn-purple.btn-expand {
  @apply text-[#747ed1] before:bg-[#747ed1];
}
.btn-grape.btn-expand {
  @apply text-[#605dba] before:bg-[#605dba];
}
.btn-violet.btn-expand {
  @apply text-[#22b573] before:bg-[#22b573];
}
.btn-pink.btn-expand {
  @apply text-[#d16b86] before:bg-[#d16b86];
}
.btn-fuchsia.btn-expand {
  @apply text-[#e668b3] before:bg-[#e668b3];
}
.btn-red.btn-expand {
  @apply text-[#e2626b] before:bg-[#e2626b];
}
.btn-orange.btn-expand {
  @apply text-[#f78b77] before:bg-[#f78b77];
}
.btn-yellow.btn-expand {
  @apply text-[#fab758] before:bg-[#fab758];
}
.btn-green.btn-expand {
  @apply text-[#45c4a0] before:bg-[#45c4a0];
}
.btn-leaf.btn-expand {
  @apply text-[#7cb798] before:bg-[#7cb798];
}
.btn-aqua.btn-expand {
  @apply text-[#54a8c7] before:bg-[#54a8c7];
}
.btn-navy.btn-expand {
  @apply text-[#343f52] before:bg-[#343f52];
}
.btn-ash.btn-expand {
  @apply text-[#9499a3] before:bg-[#9499a3];
}
.btn-white.btn-expand {
  @apply text-white before:bg-white;
}
.btn-primary.btn-expand {
  @apply text-[#22b573] before:bg-[#22b573];
}
.btn-blue,
.btn-sky,
.btn-purple,
.btn-grape,
.btn-violet,
.btn-pink,
.btn-fuchsia,
.btn-red,
.btn-orange,
.btn-yellow,
.btn-green,
.btn-leaf,
.btn-aqua,
.btn-navy,
.btn-ash,
.btn-white,
.btn-primary {
  @apply !text-white hover:!text-white;
}
.btn-soft-blue {
  @apply text-[#22b573] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#22b573] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#22b573] active:bg-[#e0e9fa] active:border-[#e0e9fa];
}
.btn-soft-blue.btn-expand {
  @apply text-[#22b573] before:bg-[#e0e9fa];
}
.btn-soft-blue.btn-expand i,
.btn-soft-blue.btn-expand:before,
.btn-soft-blue.btn-expand:hover,
.btn-soft-blue.btn-expand:hover:before {
  @apply text-[#22b573];
}
.btn-soft-sky {
  @apply text-[#5eb9f0]
        bg-[#e5f4fd]
       border-[#e5f4fd]
        hover:text-[#5eb9f0]
        hover:bg-[#e5f4fd]
        hover:border-[#e5f4fd]
        active:text-[#5eb9f0]
        active:bg-[#e5f4fd]
        active:border-[#e5f4fd];
}
.btn-soft-sky.btn-expand {
  @apply text-[#5eb9f0] before:bg-[#e5f4fd];
}
.btn-soft-sky.btn-expand i,
.btn-soft-sky.btn-expand:before,
.btn-soft-sky.btn-expand:hover,
.btn-soft-sky.btn-expand:hover:before {
  @apply text-[#5eb9f0];
}
.btn-soft-purple {
  @apply text-[#747ed1]
        bg-[#e9eaf8]
        border-[#e9eaf8]
        hover:text-[#747ed1]
        hover:bg-[#e9eaf8]
        hover:border-[#e9eaf8]
        active:text-[#747ed1]
        active:bg-[#e9eaf8]
        active:border-[#e9eaf8];
}
.btn-soft-purple.btn-expand {
  @apply text-[#747ed1] before:bg-[#e9eaf8];
}
.btn-soft-purple.btn-expand i,
.btn-soft-purple.btn-expand:before,
.btn-soft-purple.btn-expand:hover,
.btn-soft-purple.btn-expand:hover:before {
  @apply text-[#747ed1];
}
.btn-soft-grape {
  @apply text-[#605dba]
        bg-[#e6e5f4]
        border-[#e6e5f4]
        hover:text-[#605dba]
        hover:bg-[#e6e5f4]
        hover:border-[#e6e5f4]
        active:text-[#605dba]
        active:bg-[#e6e5f4]
        active:border-[#e6e5f4];
}
.btn-soft-grape.btn-expand {
  @apply text-[#605dba] before:bg-[#e6e5f4];
}
.btn-soft-grape.btn-expand i,
.btn-soft-grape.btn-expand:before,
.btn-soft-grape.btn-expand:hover,
.btn-soft-grape.btn-expand:hover:before {
  @apply text-[#605dba];
}
.btn-soft-violet {
  @apply text-[#22b573]
        bg-[#f0eaf6]
        border-[#f0eaf6]
        hover:text-[#22b573]
        hover:bg-[#f0eaf6]
        hover:border-[#f0eaf6]
        active:text-[#22b573]
        active:bg-[#f0eaf6]
        active:border-[#f0eaf6];
}
.btn-soft-violet.btn-expand {
  @apply text-[#22b573] before:bg-[#f0eaf6];
}
.btn-soft-violet.btn-expand i,
.btn-soft-violet.btn-expand:before,
.btn-soft-violet.btn-expand:hover,
.btn-soft-violet.btn-expand:hover:before {
  @apply text-[#22b573];
}
.btn-soft-pink {
  @apply text-[#d16b86] bg-[#f8e7ec] border-[#f8e7ec]
        hover:text-[#d16b86]
        hover:bg-[#f8e7ec]
        hover:border-[#f8e7ec]
        active:text-[#d16b86]
        active:bg-[#f8e7ec]
        active:border-[#f8e7ec];
}
.btn-soft-pink.btn-expand {
  @apply text-[#d16b86] before:bg-[#f8e7ec];
}
.btn-soft-pink.btn-expand i,
.btn-soft-pink.btn-expand:before,
.btn-soft-pink.btn-expand:hover,
.btn-soft-pink.btn-expand:hover:before {
  @apply text-[#d16b86];
}
.btn-soft-fuchsia {
  @apply text-[#e668b3]
        bg-[#fbe7f3]
        border-[#fbe7f3]
        hover:text-[#e668b3]
        hover:bg-[#fbe7f3]
        hover:border-[#fbe7f3]
        active:text-[#e668b3]
        active:bg-[#fbe7f3]
        active:border-[#fbe7f3];
}
.btn-soft-fuchsia.btn-expand {
  @apply text-[#e668b3] before:bg-[#fbe7f3];
}
.btn-soft-fuchsia.btn-expand i,
.btn-soft-fuchsia.btn-expand:before,
.btn-soft-fuchsia.btn-expand:hover,
.btn-soft-fuchsia.btn-expand:hover:before {
  @apply text-[#e668b3];
}
.btn-soft-red {
  @apply text-[#e2626b] bg-[#fae6e7] border-[#fae6e7]
        hover:text-[#e2626b]
        hover:bg-[#fae6e7]
        hover:border-[#fae6e7]
        active:text-[#e2626b]
        active:bg-[#fae6e7]
        active:border-[#fae6e7];
}
.btn-soft-red.btn-expand {
  @apply text-[#e2626b] before:bg-[#fae6e7];
}
.btn-soft-red.btn-expand i,
.btn-soft-red.btn-expand:before,
.btn-soft-red.btn-expand:hover,
.btn-soft-red.btn-expand:hover:before {
  @apply text-[#e2626b];
}
.btn-soft-orange {
  @apply text-[#f78b77]
        bg-[#feece9]
        border-[#feece9]
        hover:text-[#f78b77]
        hover:bg-[#feece9]
        hover:border-[#feece9]
        active:text-[#f78b77]
        active:bg-[#feece9]
        active:border-[#feece9];
}
.btn-soft-orange.btn-expand {
  @apply text-[#f78b77] before:bg-[#feece9];
}
.btn-soft-orange.btn-expand i,
.btn-soft-orange.btn-expand:before,
.btn-soft-orange.btn-expand:hover,
.btn-soft-orange.btn-expand:hover:before {
  @apply text-[#f78b77];
}
.btn-soft-yellow {
  @apply text-[#fab758] bg-[#fef3e4] border-[#fef3e4]
        hover:text-[#fab758]
        hover:bg-[#fef3e4]
        hover:border-[#fef3e4]
        active:text-[#fab758]
        active:bg-[#fef3e4]
        active:border-[#fef3e4];
}
.btn-soft-yellow.btn-expand {
  @apply text-[#fab758] before:bg-[#fef3e4];
}
.btn-soft-yellow.btn-expand i,
.btn-soft-yellow.btn-expand:before,
.btn-soft-yellow.btn-expand:hover,
.btn-soft-yellow.btn-expand:hover:before {
  @apply text-[#fab758];
}
.btn-soft-green {
  @apply text-[#45c4a0]
        bg-[#e1f6f0]
        border-[#e1f6f0]
        hover:text-[#45c4a0]
        hover:bg-[#e1f6f0]
        hover:border-[#e1f6f0]
        active:text-[#45c4a0]
        active:bg-[#e1f6f0]
        active:border-[#e1f6f0];
}
.btn-soft-green.btn-expand {
  @apply text-[#45c4a0] before:bg-[#e1f6f0];
}
.btn-soft-green.btn-expand i,
.btn-soft-green.btn-expand:before,
.btn-soft-green.btn-expand:hover,
.btn-soft-green.btn-expand:hover:before {
  @apply text-[#45c4a0];
}
.btn-soft-leaf {
  @apply text-[#7cb798]
        bg-[#eaf3ef]
        border-[#eaf3ef]
        hover:text-[#7cb798]
        hover:bg-[#eaf3ef]
        hover:border-[#eaf3ef]
        active:text-[#7cb798]
        active:bg-[#eaf3ef]
        active:border-[#eaf3ef];
}
.btn-soft-leaf.btn-expand {
  @apply text-[#7cb798] before:bg-[#eaf3ef];
}
.btn-soft-leaf.btn-expand i,
.btn-soft-leaf.btn-expand:before,
.btn-soft-leaf.btn-expand:hover,
.btn-soft-leaf.btn-expand:hover:before {
  @apply text-[#7cb798];
}
.btn-soft-aqua {
  @apply text-[#54a8c7]
        bg-[#e4f1f6]
        border-[#e4f1f6]
        hover:text-[#54a8c7]
        hover:bg-[#e4f1f6]
        hover:border-[#e4f1f6]
        active:text-[#54a8c7]
        active:bg-[#e4f1f6]
        active:border-[#e4f1f6];
}
.btn-soft-aqua.btn-expand {
  @apply text-[#54a8c7] before:bg-[#e4f1f6];
}
.btn-soft-aqua.btn-expand i,
.btn-soft-aqua.btn-expand:before,
.btn-soft-aqua.btn-expand:hover,
.btn-soft-aqua.btn-expand:hover:before {
  @apply text-[#54a8c7];
}
.btn-soft-navy {
  @apply text-[#343f52]
        bg-[#dfe0e3]
        border-[#dfe0e3]
        hover:text-[#343f52]
        hover:bg-[#dfe0e3]
        hover:border-[#dfe0e3]
        active:text-[#343f52]
        active:bg-[#dfe0e3]
        active:border-[#dfe0e3];
}
.btn-soft-navy.btn-expand {
  @apply text-[#343f52] before:bg-[#dfe0e3];
}
.btn-soft-navy.btn-expand i,
.btn-soft-navy.btn-expand:before,
.btn-soft-navy.btn-expand:hover,
.btn-soft-navy.btn-expand:hover:before {
  @apply text-[#343f52];
}
.btn-soft-ash {
  @apply text-[#9499a3] bg-[rgba(164,174,198,0.2)] border-[rgba(164,174,198,0.2)]
        hover:text-[#9499a3]
        hover:bg-[rgba(164,174,198,0.2)]
        hover:border-[rgba(164,174,198,0.2)]
        active:text-[#9499a3]
        active:bg-[rgba(164,174,198,0.2)]
        active:border-[rgba(164,174,198,0.2)];
}
.btn-soft-ash.btn-expand {
  @apply text-[#9499a3] before:bg-[rgba(164,174,198,0.2)];
}
.btn-soft-ash.btn-expand i,
.btn-soft-ash.btn-expand:before,
.btn-soft-ash.btn-expand:hover,
.btn-soft-ash.btn-expand:hover:before {
  @apply text-[#9499a3];
}
.btn-soft-dark {
  @apply text-[#262b32]
        bg-[#dcddde]
        border-[#dcddde]
        hover:text-[#262b32]
        hover:bg-[#dcddde]
        hover:border-[#dcddde]
        active:text-[#262b32]
        active:bg-[#dcddde]
        active:border-[#dcddde];
}
.btn-soft-dark.btn-expand {
  @apply text-[#262b32] before:bg-[#dcddde];
}
.btn-soft-dark.btn-expand i,
.btn-soft-dark.btn-expand:before,
.btn-soft-dark.btn-expand:hover,
.btn-soft-dark.btn-expand:hover:before {
  @apply text-[#262b32];
}
.btn-soft-primary {
  @apply text-[#22b573]
        bg-[#e0e9fa]
        border-[#e0e9fa]
        hover:text-[#22b573]
        hover:bg-[#e0e9fa]
        hover:border-[#e0e9fa]
        active:text-[#22b573]
        active:bg-[#e0e9fa]
        active:border-[#e0e9fa];
}
.btn-soft-primary.btn-expand {
  @apply text-[#22b573] before:!bg-[#e0e9fa];
}
.btn-soft-primary.btn-expand i,
.btn-soft-primary.btn-expand:before,
.btn-soft-primary.btn-expand:hover,
.btn-soft-primary.btn-expand:hover:before {
  @apply text-[#22b573];
}
.btn-soft-ash,
.btn-white {
  @apply !text-[#262b32]
        hover:!text-[#262b32]
        active:!text-[#262b32];
}
.btn-soft-ash.btn-expand,
.btn-white.btn-expand {
  @apply text-[#262b32];
}
.btn-soft-ash.btn-expand i,
.btn-white.btn-expand i {
  @apply text-[#262b32];
}
.btn-soft-ash.btn-expand:before,
.btn-white.btn-expand:before {
  @apply bg-[#262b32];
}
.btn-soft-ash.btn-play:hover,
.btn-white.btn-play:hover {
  @apply text-[#262b32];
}
.btn-soft-ash {
  @apply border-transparent
        hover:!border-[transparent]
        active:!border-[transparent]
        disabled:!border-[transparent];
}
.btn-primary {
  @apply hover:bg-[#22b573]
        active:bg-[#22b573]
        active:border-[#22b573];
}

.btn-outline-primary {
  @apply text-[#22b573]
    border-[#22b573]
    hover:bg-[#22b573]
    hover:border-[#22b573]
    active:bg-[#22b573]
    active:border-[#22b573]
    disabled:bg-[#22b573]
    disabled:border-[#22b573];
}
.btn-gradient {
  @apply !text-white py-[0.6rem] border-0;
}
.btn-gradient.btn-sm {
  @apply py-2;
}
.btn-gradient.btn-lg {
  @apply py-3;
}
.gradient-1 {
  @apply bg-[linear-gradient(120deg,#f857a6_10%,#ef3f6e_100%)];
}
.gradient-1.btn-outline-gradient,
.gradient-1.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(120deg,#f857a6_10%,#ef3f6e_100%)];
}
.gradient-2 {
  @apply bg-[linear-gradient(40deg,#f5b161_0.4%,#ec366e_100.2%)];
}
.gradient-2.btn-outline-gradient,
.gradient-2.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(40deg,#f5b161_0.4%,#ec366e_100.2%)];
}
.gradient-3 {
  @apply bg-[linear-gradient(45deg,#fbda61_0,#ff5acd_100%)];
}
.gradient-3.btn-outline-gradient,
.gradient-3.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(45deg,#fbda61_0,#ff5acd_100%)];
}
.gradient-4 {
  @apply bg-[linear-gradient(125deg,#9040db,#ff72c2_50%,#ffd84f)];
}
.gradient-4.btn-outline-gradient,
.gradient-4.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(125deg,#9040db,#ff72c2_50%,#ffd84f)];
}
.gradient-5 {
  @apply bg-[linear-gradient(43deg,#4158d0_0,#c850c0_46%,#ffcc70_100%)];
}
.gradient-5.btn-outline-gradient,
.gradient-5.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(43deg,#4158d0_0,#c850c0_46%,#ffcc70_100%)];
}
.gradient-6 {
  @apply bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)];
}
.gradient-6.btn-outline-gradient,
.gradient-6.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(45deg,#08aeea_0,#2af598_100%)];
}
.gradient-7 {
  @apply bg-[linear-gradient(100deg,#605dba_20%,#3f78e0_85%)];
}
.gradient-7.btn-outline-gradient,
.gradient-7.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(100deg,#605dba_20%,#3f78e0_85%)];
}
.gradient-8 {
  @apply bg-[linear-gradient(0deg,#2c46a7,#3757c4)];
}
.gradient-8.btn-outline-gradient,
.gradient-8.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(0deg,#2c46a7,#3757c4)];
}
.gradient-9 {
  @apply bg-[linear-gradient(45deg,#ffdee9,#b5fffc)];
}
.gradient-9.btn-outline-gradient,
.gradient-9.btn-outline-gradient span {
  @apply bg-[linear-gradient(rgba(255,255,255,0),rgba(255,255,255,0)),linear-gradient(45deg,#ffdee9,#b5fffc)];
}
.gradient-6,
.gradient-7 {
  @apply bg-[130%_auto];
}
.btn-outline-gradient,
.btn-outline-gradient.disabled,
.btn-outline-gradient:disabled {
  @apply bg-origin-border shadow-[2px_1000px_1px_#ffffff_inset] px-[1.1rem] py-2 border-2 border-solid !border-transparent
        active:border-[transparent]
        active:text-[#ffffff];
  background-clip: content-box, border-box;
}
.btn-outline-gradient.btn-sm:not(.btn-circle),
.btn-outline-gradient.disabled.btn-sm:not(.btn-circle),
.btn-outline-gradient:disabled.btn-sm:not(.btn-circle) {
  @apply px-[0.9rem] py-[0.4rem];
}
.btn-outline-gradient.btn-lg,
.btn-outline-gradient.disabled.btn-lg,
.btn-outline-gradient:disabled.btn-lg {
  @apply px-[1.3rem] py-[0.65rem];
}
.btn-outline-gradient span,
.btn-outline-gradient.disabled span,
.btn-outline-gradient:disabled span {
  @apply text-[#343f52];
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;
}
.btn-outline-gradient.disabled:active span,
.btn-outline-gradient.disabled:focus-visible span,
.btn-outline-gradient.disabled:hover span,
.btn-outline-gradient:active span,
.btn-outline-gradient:disabled:active span,
.btn-outline-gradient:disabled:focus-visible span,
.btn-outline-gradient:disabled:hover span,
.btn-outline-gradient:focus-visible span,
.btn-outline-gradient:hover span {
  @apply text-white [background:0_0];
  -webkit-background-clip: unset;
  -webkit-text-fill-color: unset;
}
.btn-lg {
  padding: 0.65rem 1.4rem;
  font-size: 0.85rem;
  border-radius: 0.4rem;
}
.btn-sm {
  padding: 0.4rem 1rem;
  font-size: 0.7rem;
  border-radius: 0.4rem;
}
.btn-icon.btn-sm {
  @apply py-[0.3rem];
}
.btn-icon.btn-icon-end i {
  @apply ml-[0.3rem];
}
.navigation .btn-icon i {
  @apply text-[0.9rem];
}
.navigation .btn-icon.btn-icon-start i {
  @apply mr-[0.2rem];
}
.navigation .btn-icon.btn-icon-end i {
  @apply ml-[0.2rem];
}
.navbar .btn-sm {
  @apply text-[0.8rem];
}
.social a.btn-circle[class*="telegram-alt"] {
  @apply text-white bg-[#2caef0] border-transparent;
}
.social.social-muted a:not(.btn-circle):not([class*="link-"]) i {
  @apply text-[#343f52];
}
.navbar-dark .social.social-muted a:not(.btn-circle):not([class*="link-"]) i,
.navbar-dark
  .social.social-muted
  a:not(.btn-circle):not([class*="link-"]):hover
  i,
.social.social-white a i,
.social.social-white a:hover i {
  @apply !text-white;
}
.social[class*="text-end"] > a,
[class*="text-end"] .social > a {
  @apply ml-[0.7rem] mr-0 my-0;
}
.social.text-center > a,
.text-center .social > a {
  @apply mx-[0.35rem] my-0;
}
.badge-lg {
  @apply text-[0.6rem] px-[0.55rem] py-[0.35rem];
}
@keyframes fadeIn {
  from {
    opacity: 0;
  }
  to {
    opacity: 1;
  }
}
@keyframes fadeInDown {
  from {
    opacity: 0;
    transform: translate3d(0, -30%, 0);
  }
  to {
    opacity: 1;
    transform: none;
  }
}
@keyframes priceFade {
  0% {
    opacity: 1;
    transform: translateY(0);
  }
  100% {
    opacity: 0;
    transform: translateY(80%);
  }
}
@keyframes priceShow {
  0% {
    opacity: 0;
    transform: translateY(-80%);
  }
  100% {
    opacity: 1;
    transform: translateY(0);
  }
}
@keyframes ripple-1 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.5);
    opacity: 0;
  }
}
@keyframes ripple-2 {
  0% {
    transform: scale(1);
    opacity: 1;
  }
  100% {
    transform: scale(1.7);
    opacity: 0;
  }
}
@keyframes loader-scale {
  0% {
    transform: scale(0);
    opacity: 0;
  }
  50% {
    opacity: 1;
  }
  100% {
    transform: scale(1);
    opacity: 0;
  }
}
.page-loader {
  @apply fixed z-[9999] transition-[0.5s] duration-[all] inset-0 bg-[#fefefe];
}
.page-loader.done {
  @apply invisible opacity-0;
}
.gloader,
.page-loader:before,
.swiper-hero:before {
  @apply absolute content-[""] w-10 h-10 mt-[-1.25rem] ml-[-1.25rem] border-[#22b573] shadow-none animate-[loader-scale_1s_ease-out_infinite] rounded-[50%] border-4 border-solid left-2/4 top-2/4 bg-inherit;
}
.bg-dark > .swiper-hero:before,
.gloader {
  @apply border-white;
}

.dropdown-menu {
  @apply border-0;
}
.dropdown-item {
  @apply font-bold tracking-[-0.01rem];
}
.dropdown-item:focus,
.dropdown-item:hover {
  outline: 0;
}
.dropdown-header {
  @apply uppercase tracking-[0.02rem] pt-0;
}
.navbar .dropdown-menu[data-bs-popper] {
  @apply mt-0;
}

.navbar-expand .offcanvas-nav {
  @apply overflow-x-hidden overflow-y-auto flex-col flex-row;
}
.navbar-expand .offcanvas-nav .offcanvas-body,
.navbar-expand .offcanvas-nav .offcanvas-footer,
.navbar-expand .offcanvas-nav .offcanvas-header {
  @apply w-full;
}
.navbar-expand .offcanvas-nav .offcanvas-body {
  @apply grow-0;
  overflow-y: unset;
}
.navbar-expand .navbar-collapse .dropdown-menu {
  @apply mt-0 p-0 bg-inherit;
}
.navbar-expand .navbar-collapse .dropdown-menu .dropdown-item {
  @apply text-white pl-4 py-[0.3rem];
}
.navbar-expand .navbar-collapse .nav-link,
.navbar-expand .navbar-collapse .nav-link.active,
.navbar-expand .navbar-collapse .nav-link:focus,
.navbar-expand .navbar-collapse .nav-link:hover,
.navbar-expand .navbar-collapse .show > .nav-link {
  @apply text-white;
}
.navbar-expand .navbar-collapse .nav-link {
  @apply py-[0.3rem] whitespace-nowrap;
}
.navbar-expand .navbar-collapse .dropdown-toggle:after {
  @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem];
}
.navbar-expand .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
  @apply top-[0.3rem];
}
.navbar-expand .dropdown-header {
  @apply mt-2 px-4;
}
.navbar-expand .dropend .dropdown-toggle:after,
.navbar-expand .dropstart .dropdown-toggle:after {
  @apply content-["\e92d"];
}
.navbar-expand .dropstart .dropdown-menu[data-bs-popper] {
  @apply ml-3 mr-0;
}
.navbar-expand .dropdown-toggle:after {
  @apply top-1;
}
.navbar-expand .language-select .dropdown-toggle:after {
  vertical-align: 0 !important;
}
.navbar-expand .navbar-other .nav-item.language-select .nav-link {
  @apply text-[1.05rem];
}
.navbar-expand .navbar-other .nav-item .nav-link > i {
  @apply text-[calc(1.255rem_+_0.06vw)];
}
.navbar-expand .navbar-brand {
  @apply py-[1.2rem];
}
.navbar-expand.fancy .navbar-collapse-wrapper {
  @apply shadow-none !bg-inherit;
}
.navbar-expand.center-logo.fixed .offcanvas-header .logo-light {
  @apply inline-block;
}
.navbar-expand.center-logo.fixed .offcanvas-header .logo-dark {
  @apply hidden;
}
.navbar-expand .nav-item.parent-link .dropdown-toggle {
  @apply py-0;
}
.navbar-expand.navbar-light
  .dropdown:not(.dropdown-submenu)
  > .dropdown-toggle:after {
  @apply text-[#22b573];
}
.navbar-expand .dropdown-mega,
.navbar-expand .navbar-nav {
  @apply static;
}
.navbar-expand .navbar-nav .dropdown-menu.dropdown-lg {
  @apply pt-[1.6rem] pb-[1.3rem] px-1;
}
.navbar-expand .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content {
  @apply flex flex-row;
}
.navbar-expand .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
  @apply pt-0;
}
.navbar-expand .navbar-nav .dropdown-menu:before {
  @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1];
}
.navbar-expand .navbar-nav .dropdown-menu .dropdown-toggle:after {
  @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem];
}
.navbar-expand .navbar-nav .dropdown-menu.mega-menu {
  @apply mx-3;
}
.navbar-expand:not(.hover-none) .navbar-nav .dropdown-menu {
  @apply invisible pointer-events-none opacity-0 block top-[120%];
}
.navbar-expand:not(.hover-none)
  .navbar-nav
  .dropdown:not(.dropdown-submenu):hover
  > .dropdown-menu {
  @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full;
  pointer-events: all;
}
.navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu {
  @apply relative;
}
.navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu {
  @apply top-[30%];
}
.navbar-expand:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before {
  @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1];
}
.navbar-expand:not(.hover-none)
  .navbar-nav
  .dropdown-submenu:hover
  > .dropdown-menu {
  @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0;
  pointer-events: all;
}
.navbar-expand .dropend > .dropdown-menu {
  @apply ml-2;
}
.navbar-expand .dropstart > .dropdown-menu {
  @apply mr-2;
}
.navbar-expand .offcanvas-nav {
  position: unset;
}
.navbar-expand .offcanvas-nav.offcanvas-end,
.navbar-expand .offcanvas-nav.offcanvas-start {
  @apply w-full;
}
.navbar-expand.extended.navbar-bg-light:not(.fixed),
.navbar-expand.fancy.navbar-bg-light:not(.fixed) {
  @apply !bg-inherit;
}
.navbar-expand.extended:not(.fixed) .navbar-collapse .nav-link {
  @apply py-[1.15rem];
}
.navbar-expand.fancy:not(.fixed) .navbar-collapse .nav-link {
  @apply py-5;
}
.navbar-expand[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed)
  .navbar-collapse
  .nav-link {
  @apply py-[1.7rem];
}
.navbar-expand.extended .navbar-collapse-wrapper,
.navbar-expand.fancy .navbar-collapse-wrapper {
  @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem];
}
.navbar-expand.extended:not(.extended-alt):not(.fixed)
  .navbar-collapse-wrapper {
  @apply pl-2 pr-6 py-0;
}
.navbar-expand.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
  @apply px-6 py-0;
}
.navbar-expand.fancy:not(.fixed) .navbar-collapse-wrapper {
  @apply mt-9 px-6 py-0;
}
.navbar-expand.extended:not(.extended-alt) .navbar-brand {
  @apply py-6;
}
.navbar-expand.extended.extended-alt .navbar-brand {
  @apply py-7;
}
.navbar-expand.fixed .topbar {
  @apply hidden;
}
.navbar-expand.navbar-dark:not(.transparent)
  .navbar-nav
  .dropdown:not(.dropdown-submenu):not(.language-select)
  > .dropdown-menu,
.navbar-expand.navbar-light:not(.transparent)
  .navbar-nav
  .dropdown:not(.dropdown-submenu):not(.language-select)
  > .dropdown-menu,
.navbar-expand.transparent.fixed
  .navbar-nav
  .dropdown:not(.dropdown-submenu):not(.language-select)
  > .dropdown-menu {
  @apply mt-2;
}
.navbar-expand .navbar-collapse .nav-item.parent-link {
  @apply flex flex-row items-center;
}
.navbar-expand .navbar-collapse .nav-item.parent-link > .nav-link:first-child {
  @apply pr-0;
}
.navbar-expand .navbar-collapse .nav-item.parent-link .dropdown-toggle {
  @apply pl-0;
}
.navbar-expand .dropdown-lg-content > div + div,
.navbar-expand .mega-menu-content > .row > [class*="col-"] + [class*="col-"] {
  @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid;
}
.navbar-expand .mega-menu-content {
  @apply pt-[0.6rem] pb-[0.2rem] px-1;
}
.navbar-expand .mega-menu-dark {
  @apply bg-[#2e353e];
}
.navbar-expand .mega-menu-dark .img-svg {
  @apply transition-all duration-[0.2s] ease-in-out bg-[rgba(255,255,255,.05)];
}
.navbar-expand .mega-menu-dark .img-svg:hover {
  @apply bg-[rgba(255,255,255,.09)];
}
.navbar-expand .mega-menu-dark .dropdown-item {
  @apply text-white;
}
.navbar-expand .mega-menu-dark .dropdown-item:focus,
.navbar-expand .mega-menu-dark .dropdown-item:hover {
  @apply text-white;
}
.navbar-expand .mega-menu-img {
  @apply p-0;
}
.navbar-expand .mega-menu-img .mega-menu-content {
  @apply mx-0 my-[1.8rem] px-8 py-[0.2rem];
}
.navbar-expand .mega-menu-img .dropdown-item {
  @apply px-0;
}
.navbar-expand.caret-none
  .dropdown:not(.dropdown-submenu)
  > .dropdown-toggle:after {
  @apply hidden;
}
.dropdown-mega .dropdown-menu {
  @apply w-auto max-w-none inset-x-0;
}
.dropend > .dropdown-menu {
  @apply ml-0 mt-0 left-full right-auto;
}
.dropstart > .dropdown-menu {
  @apply mr-0 mt-0 left-auto right-full;
}
.language-select .dropdown-toggle:after {
  @apply mr-[-0.25rem] ml-0;
  position: unset !important;
  vertical-align: -1px !important;
}
.language-select .dropdown-menu {
  @apply -translate-x-2/4 absolute min-w-[4rem] mt-2 px-0 py-[0.65rem] left-2/4 top-full;
}
.share-dropdown .dropdown-menu {
  @apply min-w-[6.25rem] !mt-4 py-[0.65rem];
}
.share-dropdown .dropdown-menu[data-popper-placement^="top"] {
  @apply mt-0 mb-4;
}
.dropdown-toggle:focus {
  outline: 0;
}
.dropdown-toggle:after {
  @apply text-[0.85rem] mr-[-0.25rem];
}
.navbar-light .language-select .dropdown-toggle:after {
  @apply text-[#22b573];
}
.share-dropdown .dropdown-toggle:after {
  @apply hidden;
}
.navbar-nav .dropdown.dropstart > .dropdown-toggle:after {
  @apply content-["\e931"] border-0;
}
.nav-link {
  @apply tracking-[-0.01rem];
  font-weight: 700;
}
.nav-link p {
  @apply text-[0.8rem];
}
.sidebar .nav-link {
  @apply tracking-[normal];
}
.navbar-other .nav-link {
  @apply cursor-pointer;
}
.nav-tabs .nav-link {
  @apply transition-all duration-[0.2s] ease-in-out text-[0.85rem] px-[1.3rem] py-[0.6rem];
  @apply bg-white;
}
.nav-tabs .nav-link i {
  @apply text-[1rem];
}
.nav-tabs.nav-tabs-basic {
  @apply border-transparent;
}
.nav-tabs.nav-tabs-basic .nav-link {
  @apply text-[0.85rem] mr-4 px-0 py-[0.6rem] rounded-none border-b-2 border-b-[rgba(164,174,198,0.25)] border-0 border-transparent border-solid bg-inherit;
}
.nav-tabs.nav-tabs-basic .nav-link:focus,
.nav-tabs.nav-tabs-basic .nav-link:hover {
  @apply border-[#22b573];
}
.nav-tabs.nav-tabs-basic .nav-item.show .nav-link,
.nav-tabs.nav-tabs-basic .nav-link.active {
  @apply text-[#22b573] border-[#22b573];
}
.nav-tabs.nav-pills {
  @apply border-transparent;
}
.nav-tabs.nav-pills .nav-link {
  @apply shadow-[0_0_0_0.05rem_rgba(8,60,130,0.06),0_0_1.25rem_rgba(30,34,40,0.04)] flex items-center mr-2 px-5 py-[0.55rem] border-transparent;
}
.nav-tabs.nav-tabs-bg {
  @apply border-transparent;
}
.nav-tabs.nav-tabs-bg .nav-link {
  @apply border leading-5 shadow-none px-[1.2rem] py-[1.4rem] rounded-[0.4rem] border-solid border-transparent first:ml-0 last:mr-0 bg-inherit;
}
.nav-tabs.nav-tabs-bg .nav-link.active,
.nav-tabs.nav-tabs-bg .nav-link:hover {
  @apply text-[#343f52] shadow-[0_0_0_0.05rem_rgba(8,60,130,0.06),0_0_1.25rem_rgba(30,34,40,0.04)] border-transparent bg-white;
}
.nav-tabs.nav-tabs-bg .nav-link p {
  @apply font-medium text-[#60697b] m-0;
}
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link.active,
.nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link:hover {
  box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important;
}
.nav-tabs.flex-column.nav-tabs-bg .nav-item {
  @apply mb-4;
}
.nav-tabs.nav-justified .nav-item {
  @apply text-left;
}
.tab-content {
  @apply mt-5;
}
.navbar {
  @apply w-full z-[1020];
}
.navbar .container {
  @apply relative;
}
.navbar .navbar-collapse {
  @apply items-center;
}
.navbar.transparent .logo-dark {
  @apply hidden;
}
.navbar.transparent.fixed .logo-light {
  @apply hidden;
}
.navbar.transparent.fixed .logo-dark {
  @apply inline-block;
}
.navbar.navbar-dark .logo-dark {
  @apply hidden;
}
.navbar.navbar-light.fixed .logo-light {
  @apply hidden;
}
.navbar.navbar-light.fixed .logo-dark {
  @apply inline-block;
}
.navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) {
  @apply border-[#22b573] !text-white bg-[#22b573];
}
.navbar.navbar-bg-light {
  @apply shadow-none bg-white;
}
.navbar.navbar-bg-dark {
  @apply bg-[#21262c];
}
.navbar .navbar-other .nav-item .nav-link {
  @apply py-0;
}
.navbar .navbar-other .navbar-nav > .nav-item .nav-link {
  @apply px-0;
}
.navbar .navbar-other .navbar-nav > .nav-item + .nav-item {
  @apply ml-[0.8rem];
}
.navbar.fixed:not(.extended) .topbar {
  @apply hidden;
}
.navbar.fixed .navbar-collapse-wrapper {
  @apply shadow-none !mt-0 !p-0;
  background: 0 0 !important;
}
.navbar-clone {
  @apply !fixed z-[1008] -translate-y-full transition-all duration-[0.3s] ease-[ease-in-out,padding-right] delay-[0s] left-0 top-0 motion-reduce:transition-none;
}
.navbar-stick {
  @apply translate-y-0;
}
.navbar-stick:not(.navbar-dark) {
  @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.06)] bg-[rgba(255,255,255,.97)];
}
button.hamburger {
  @apply cursor-pointer flex flex-col items-center justify-center text-[#343f52] transition-all duration-[0.2s] ease-in-out ml-[0.2rem] mr-0 my-0 p-0 border-0 motion-reduce:transition-none bg-inherit after:content-[""] before:content-[""];
}
button.hamburger::-moz-focus-inner {
  @apply p-0 border-0;
}
button.hamburger:focus {
  outline: 0;
}
button.hamburger span,
button.hamburger:after,
button.hamburger:before {
  @apply w-[1.2rem] h-[0.15rem] transition-all duration-[0.2s] ease-in-out rounded-[2rem] motion-reduce:transition-none bg-[currentColor];
}
button.hamburger span,
button.hamburger:before {
  @apply mt-0 mb-1 mx-0;
}
.navbar.navbar-bg-dark button.hamburger,
.navbar.navbar-dark button.hamburger,
.navbar.position-absolute:not(.fixed):not(.navbar-light) button.hamburger {
  @apply text-white;
}
.card {
  @apply shadow-[0_0_0_0.05rem_rgba(8,60,130,0.06),0_0_1.25rem_rgba(30,34,40,0.04)] text-inherit border-0;
}
.card[class*="bg-"] {
  @apply shadow-none;
}
.card-img-top img {
  @apply rounded-t-[0.4rem];
}
.card-img-top .plyr {
  @apply rounded-br-none rounded-bl-none;
}
.plyr {
  @apply relative z-[2] rounded-[0.4rem];
}
[class*="card-border-"] {
  @apply relative;
}
[class*="card-border-"]:after {
  @apply content-[""] absolute;
}
.card-border-top:after {
  @apply border-b-[calc(.4rem_-_4px)] rounded-t-[0.4rem] border-t-4 border-t-inherit border-b-transparent top-0 inset-x-0;
  border-top-style: solid;
  border-bottom-style: solid;
}
.card-border-top[class*="border-soft-"]:after {
  @apply border-b-[calc(.4rem_-_6px)] border-t-[6px];
}
.card-border-bottom:after {
  @apply border-t-[calc(.4rem_-_4px)] rounded-br-[0.4rem] rounded-bl-[0.4rem] border-t-transparent border-b-4 border-b-inherit bottom-0 inset-x-0;
  border-bottom-style: solid;
  border-top-style: solid;
}
.card-border-bottom[class*="border-soft-"]:after {
  @apply border-t-[calc(.4rem_-_6px)] border-b-[6px];
}
.card-border-start:after {
  @apply border-r-[calc(.4rem_-_4px)] rounded-tl-[0.4rem] rounded-bl-[0.4rem] border-l-4 border-l-inherit border-r-transparent left-0 inset-y-0;
  border-left-style: solid;
  border-right-style: solid;
}
.card-border-start[class*="border-soft-"]:after {
  @apply !border-r-[calc(.4rem_-_6px)] !border-l-[6px];
}
.card-border-end:after {
  @apply border-l-[calc(.4rem_-_4px)] rounded-tr-[0.4rem] rounded-br-[0.4rem] border-l-transparent border-r-4 border-r-inherit right-0 inset-y-0;
  border-right-style: solid;
  border-left-style: solid;
}
.card-border-end[class*="border-soft-"]:after {
  @apply border-l-[calc(.4rem_-_6px)] border-r-[6px];
}
.container-card > .card,
.container-card > .card.image-wrapper:before {
  @apply rounded-none;
}
.accordion-wrapper .card.plain {
  @apply shadow-none mb-0 border-0 bg-inherit;
}
.accordion-wrapper .card.plain .card-body {
  @apply pl-[1.1rem] pr-0 py-0;
}
.accordion-wrapper .card.plain .card-header {
  @apply pt-0 pb-[0.8rem] px-0;
}
.accordion-wrapper .card.plain .card-header button {
  @apply pl-[1.1rem] pr-0 py-0 before:left-0;
}
.accordion-wrapper .card-header button {
  @apply cursor-pointer w-full text-left text-[0.85rem] font-bold text-[#22b573] transition-all duration-[150ms] ease-in-out m-0 pl-4 pr-0 py-0 border-0 motion-reduce:transition-none before:absolute before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:mt-[-0.25rem] before:ml-[-0.3rem] before:inline-block before:text-[#22b573] before:left-[1.3rem] bg-inherit before:font-Unicons;
}
.accordion-wrapper .card-header button.collapsed {
  @apply text-[#343f52] before:content-["\e92d"];
}
.accordion-item.icon .card-body {
  @apply pl-[2.8rem] pr-5 pt-0 pb-1;
}
.accordion-item.icon button {
  @apply flex items-center pl-6 pr-0 py-0 before:hidden;
}
.accordion-item.icon button > span {
  @apply absolute left-[1.3rem];
}
.accordion-item.icon button > span i {
  @apply text-[1rem];
}
.collapse-link {
  @apply text-[0.85rem] font-bold text-[#22b573] before:content-["\e932"] before:text-[1.15rem] before:font-normal before:w-4 before:ml-[-0.3rem] before:inline-block before:mr-[0.4rem] hover:text-[#22b573];
}
.collapse-link:before {
  @apply font-Unicons;
  vertical-align: -4px;
}
.collapse-link.collapsed {
  @apply text-[#343f52] before:content-["\e92d"];
}
.accordion-collapse > .card-footer {
  @apply p-0 bg-[#273444];
}
.pagination {
  @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)];
}
.pagination .page-link {
  @apply w-10 h-10 text-[0.65rem] font-bold flex justify-center items-center;
}
.pagination .page-link i {
  @apply text-[0.9rem];
}
.pagination.pagination-alt {
  @apply shadow-none;
}
.pagination.pagination-alt .page-item {
  @apply mr-2;
}
.pagination.pagination-alt .page-item .page-link {
  @apply shadow-[0_0.25rem_1.75rem_rgba(30,34,40,0.07)] rounded-[0.4rem] border-0;
}
.alert-dismissible .btn-close {
  @apply absolute z-[2] text-inherit px-4 py-[1.05rem] right-0 top-0 before:text-[1.2rem] before:w-[1.2rem] before:h-[1.2rem];
}
.alert-dismissible .btn-close:before {
  @apply bg-inherit;
}
.btn-close:before {
  @apply text-[1.05rem] content-["\ed3b"] w-[1.8rem] h-[1.8rem] leading-[1.8rem] shadow-none transition-[background] duration-[0.2s] ease-[ease-in-out] flex justify-center items-center m-0 p-0 rounded-[100%] bg-[rgba(0,0,0,.08)] font-Unicons;
}
.alert-dismissible .btn-close:hover:before {
  @apply bg-inherit;
}
.alert-icon i {
  @apply absolute z-[2] text-[1rem] px-4 py-[0.8rem] left-0 top-0;
}
.alert[class*="bg-"] {
  @apply px-0 py-[0.8rem];
}
.alert[class*="bg-"] .alert-inner {
  @apply pr-12;
}
.alert[class*="bg-"].alert-dismissible .btn-close {
  @apply -translate-y-2/4 text-[rgba(255,255,255,0.8)] py-0 top-2/4;
}
.alert[class*="bg-"].alert-dismissible .btn-close:hover {
  @apply text-white;
}
.progress-list .progressbar svg,
.progress-list .progressbar svg path {
  @apply rounded-2xl;
}
.progress-list .progressbar.line svg {
  @apply h-[0.3rem];
}
.progressbar.semi-circle .progressbar-text {
  @apply absolute w-full h-full text-[2rem] leading-none flex items-end justify-center text-[#343f52] m-0 left-0 top-0 after:content-["%"] after:block after:text-[1rem] after:pl-[0.01rem] after:pb-[0.1rem];
}
.progressbar svg path:first-child {
  @apply stroke-[rgba(30,34,40,0.06)];
}
.progressbar.blue svg path:last-child {
  @apply stroke-[color:#22b573];
}
.progressbar.semi-circle.blue svg path:first-child {
  @apply stroke-[rgba(63,120,224,0.1)];
}
.progressbar.sky svg path:last-child {
  @apply stroke-[#5eb9f0];
}
.progressbar.semi-circle.sky svg path:first-child {
  @apply stroke-[rgba(94,185,240,0.1)];
}
.progressbar.purple svg path:last-child {
  @apply stroke-[#747ed1];
}
.progressbar.semi-circle.purple svg path:first-child {
  @apply stroke-[rgba(116,126,209,0.1)];
}
.progressbar.grape svg path:last-child {
  @apply stroke-[#605dba];
}
.progressbar.semi-circle.grape svg path:first-child {
  @apply stroke-[rgba(96,93,186,0.1)];
}
.progressbar.violet svg path:last-child {
  @apply stroke-[#22b573];
}
.progressbar.semi-circle.violet svg path:first-child {
  @apply stroke-[rgba(160,124,197,0.1)];
}
.progressbar.pink svg path:last-child {
  @apply stroke-[#d16b86];
}
.progressbar.semi-circle.pink svg path:first-child {
  @apply stroke-[rgba(209,107,134,0.1)];
}
.progressbar.fuchsia svg path:last-child {
  @apply stroke-[#e668b3];
}
.progressbar.semi-circle.fuchsia svg path:first-child {
  @apply stroke-[rgba(230,104,179,0.1)];
}
.progressbar.red svg path:last-child {
  @apply stroke-[#e2626b];
}
.progressbar.semi-circle.red svg path:first-child {
  @apply stroke-[rgba(226,98,107,0.1)];
}
.progressbar.orange svg path:last-child {
  @apply stroke-[#f78b77];
}
.progressbar.semi-circle.orange svg path:first-child {
  @apply stroke-[rgba(247,139,119,0.1)];
}
.progressbar.yellow svg path:last-child {
  @apply stroke-[#fab758];
}
.progressbar.semi-circle.yellow svg path:first-child {
  @apply stroke-[rgba(250,183,88,0.1)];
}
.progressbar.green svg path:last-child {
  @apply stroke-[color:#45c4a0];
}
.progressbar.semi-circle.green svg path:first-child {
  @apply stroke-[rgba(69,196,160,0.1)];
}
.progressbar.leaf svg path:last-child {
  @apply stroke-[#7cb798];
}
.progressbar.semi-circle.leaf svg path:first-child {
  @apply stroke-[rgba(124,183,152,0.1)];
}
.progressbar.aqua svg path:last-child {
  @apply stroke-[#54a8c7];
}
.progressbar.semi-circle.aqua svg path:first-child {
  @apply stroke-[rgba(84,168,199,0.1)];
}
.progressbar.navy svg path:last-child {
  @apply stroke-[#343f52];
}
.progressbar.semi-circle.navy svg path:first-child {
  @apply stroke-[rgba(52,63,82,0.1)];
}
.progressbar.ash svg path:last-child {
  @apply stroke-[#9499a3];
}
.progressbar.semi-circle.ash svg path:first-child {
  @apply stroke-[rgba(148,153,163,0.1)];
}
.progressbar.white svg path:last-child {
  @apply stroke-white;
}
.progressbar.semi-circle.white svg path:first-child {
  @apply stroke-[rgba(255,255,255,0.1)];
}
.progressbar.light svg path:last-child {
  @apply stroke-[color:#fefefe];
}
.progressbar.semi-circle.light svg path:first-child {
  @apply stroke-[rgba(254,254,254,0.1)];
}
.progressbar.gray svg path:last-child {
  @apply stroke-[#f6f7f9];
}
.progressbar.semi-circle.gray svg path:first-child {
  @apply stroke-[rgba(246,247,249,0.1)];
}
.progressbar.dark svg path:last-child {
  @apply stroke-[#262b32];
}
.progressbar.semi-circle.dark svg path:first-child {
  @apply stroke-[rgba(38,43,50,0.1)];
}
.progressbar.primary svg path:last-child {
  @apply stroke-[#22b573];
}
.progressbar.aqua svg path:last-child {
  @apply stroke-[#54a8c7];
}
.progressbar.semi-circle.primary svg path:first-child {
  @apply stroke-[rgba(63,120,224,0.1)];
}
.progressbar.soft-blue svg path:last-child {
  @apply stroke-[#8caeec];
}
.progressbar.semi-circle.soft-blue svg path:first-child {
  @apply stroke-[rgba(63,120,224,0.1)];
}
.progressbar.soft-sky svg path:last-child {
  @apply stroke-[#9ed5f6];
}
.progressbar.semi-circle.soft-sky svg path:first-child {
  @apply stroke-[rgba(94,185,240,0.1)];
}
.progressbar.soft-purple svg path:last-child {
  @apply stroke-[#acb2e3];
}
.progressbar.semi-circle.soft-purple svg path:first-child {
  @apply stroke-[rgba(116,126,209,0.1)];
}
.progressbar.soft-grape svg path:last-child {
  @apply stroke-[#a09ed6];
}
.progressbar.semi-circle.soft-grape svg path:first-child {
  @apply stroke-[rgba(96,93,186,0.1)];
}
.progressbar.soft-violet svg path:last-child {
  @apply stroke-[#c6b0dc];
}
.progressbar.semi-circle.soft-violet svg path:first-child {
  @apply stroke-[rgba(160,124,197,0.1)];
}
.progressbar.soft-pink svg path:last-child {
  @apply stroke-[#e3a6b6];
}
.progressbar.semi-circle.soft-pink svg path:first-child {
  @apply stroke-[rgba(209,107,134,0.1)];
}
.progressbar.soft-fuchsia svg path:last-child {
  @apply stroke-[#f0a4d1];
}
.progressbar.semi-circle.soft-fuchsia svg path:first-child {
  @apply stroke-[rgba(230,104,179,0.1)];
}
.progressbar.soft-red svg path:last-child {
  @apply stroke-[#eea1a6];
}
.progressbar.semi-circle.soft-red svg path:first-child {
  @apply stroke-[rgba(226,98,107,0.1)];
}
.progressbar.soft-orange svg path:last-child {
  @apply stroke-[#fab9ad];
}
.progressbar.semi-circle.soft-orange svg path:first-child {
  @apply stroke-[rgba(247,139,119,0.1)];
}
.progressbar.soft-yellow svg path:last-child {
  @apply stroke-[#fcd49b];
}
.progressbar.semi-circle.soft-yellow svg path:first-child {
  @apply stroke-[rgba(250,183,88,0.1)];
}
.progressbar.soft-green svg path:last-child {
  @apply stroke-[#8fdcc6];
}
.progressbar.semi-circle.soft-green svg path:first-child {
  @apply stroke-[rgba(69,196,160,0.1)];
}
.progressbar.soft-leaf svg path:last-child {
  @apply stroke-[#b0d4c1];
}
.progressbar.semi-circle.soft-leaf svg path:first-child {
  @apply stroke-[rgba(124,183,152,0.1)];
}
.progressbar.soft-aqua svg path:last-child {
  @apply stroke-[#98cbdd];
}
.progressbar.semi-circle.soft-aqua svg path:first-child {
  @apply stroke-[rgba(84,168,199,0.1)];
}
.progressbar.soft-navy svg path:last-child {
  @apply stroke-[#858c97];
}
.progressbar.semi-circle.soft-navy svg path:first-child {
  @apply stroke-[rgba(52,63,82,0.1)];
}
.progressbar.soft-ash svg path:last-child {
  @apply stroke-[#bfc2c8];
}
.progressbar.semi-circle.soft-ash svg path:first-child {
  @apply stroke-[rgba(148,153,163,0.1)];
}

.progress-wrap.active-progress {
  @apply visible translate-y-0 opacity-100;
}
.btn-close.disabled,
.btn-close:disabled {
  @apply pointer-events-none select-none opacity-25;
}
.btn-close-white {
  @apply !text-white hover:!text-white before:bg-[rgba(255,255,255,.08)];
}
.btn-close-white:hover:before {
  @apply bg-[rgba(255,255,255,.11)];
}
.btn-close[data-bs-dismiss="modal"] {
  @apply absolute right-[0.7rem] top-[0.7rem];
}
.modal.fade.modal-bottom-center .modal-dialog {
  @apply absolute bottom-0 inset-x-0;
}
.has-tooltip:focus {
  outline: 0;
}
.white-tooltip {
  @apply !mr-1 z-[11];
}
.white-tooltip.bs-tooltip-auto[data-popper-placement^="left"]
  .tooltip-arrow::before,
.white-tooltip.bs-tooltip-start .tooltip-arrow::before {
  @apply border-l-white;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  @apply right-[calc(-1_*_0.4rem)] w-[0.4rem] h-[0.8rem];
}
.tooltip .tooltip-arrow {
  @apply block w-[0.8rem] h-[0.4rem];
}

.white-tooltip.bs-tooltip-auto[data-popper-placement^="left"]
  .tooltip-arrow::before,
.white-tooltip.bs-tooltip-start .tooltip-arrow::before {
  @apply border-l-white;
}

.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  @apply border-l-[#22b573] border-[calc(0.8rem_*_0.5)_0_calc(0.8rem_*_0.5)_0.4rem] -left-px;
}
.tooltip .tooltip-arrow::before {
  @apply absolute content-[""] border-transparent border-solid;
}
.tooltip.show {
  opacity: 0.98;
}

.tooltip {
  @apply p-[0.5rem_0.75rem] text-white bg-[#22b573] opacity-[0.98] rounded-[0.4rem] font-medium pointer-events-none font-Manrope;
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow,
.bs-tooltip-top .tooltip-arrow {
  @apply bottom-[calc(-1*_0.4rem)];
}
.tooltip .tooltip-arrow {
  @apply block w-[0.8rem] h-[0.4rem];
}
.bs-tooltip-auto[data-popper-placement^="top"] .tooltip-arrow::before,
.bs-tooltip-top .tooltip-arrow::before {
  @apply border-t-[#22b573] [border-width:0.4rem_calc(0.8rem*.5)_0] -top-px;
}
.tooltip .tooltip-arrow::before {
  @apply absolute content-[""] border-transparent border-solid;
}

.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow,
.bs-tooltip-end .tooltip-arrow {
  @apply left-[calc(-1*_0.4rem)] w-[0.4rem] h-[0.8rem];
}
.bs-tooltip-auto[data-popper-placement^="right"] .tooltip-arrow::before,
.bs-tooltip-end .tooltip-arrow::before {
  @apply border-r-[#22b573] [border-width:calc(0.8rem*.5)_0.4rem_calc(0.8rem*.5)_0] -right-px;
}

.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow,
.bs-tooltip-bottom .tooltip-arrow {
  @apply top-[calc(-1*_0.4rem)];
}
.bs-tooltip-auto[data-popper-placement^="bottom"] .tooltip-arrow::before,
.bs-tooltip-bottom .tooltip-arrow::before {
  @apply border-b-[#22b573] [border-width:0_calc(0.8rem*.5)_0.4rem] -bottom-px;
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow,
.bs-tooltip-start .tooltip-arrow {
  @apply right-[calc(-1*_0.4rem)] w-[0.4rem] h-[0.8rem];
}
.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before,
.bs-tooltip-start .tooltip-arrow::before {
  @apply border-l-[#22b573] [border-width:calc(0.8rem*.5)0_calc(0.8rem*.5)_0.4rem] -left-px;
}
.popover {
  @apply z-[1070] block max-w-[276px] not-italic font-medium leading-[1.7] text-left text-start no-underline normal-case tracking-[normal] break-normal whitespace-normal text-[0.8rem] bg-white bg-clip-padding border shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(164,174,198,0.2)] [word-wrap:break-word] font-Manrope;
  text-shadow: none;
  word-spacing: normal;
  line-break: auto;
}

.popover .popover-arrow {
  display: block;
  width: 1rem;
  height: 0.5rem;
}

.popover .popover-arrow::after,
.popover .popover-arrow::before {
  position: absolute;
  display: block;
  content: "";
  border-color: transparent;
  border-style: solid;
  border-width: 0;
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow,
.bs-popover-top > .popover-arrow {
  bottom: calc(-1 * (0.5rem) - 1px);
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::after,
.bs-popover-top > .popover-arrow::before {
  border-width: 0.5rem calc(1rem * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before,
.bs-popover-top > .popover-arrow::before {
  bottom: 0;
  border-top-color: rgba(164, 174, 198, 0.2);
}

.bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after,
.bs-popover-top > .popover-arrow::after {
  bottom: 1px;
  border-top-color: #ffffff;
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow,
.bs-popover-end > .popover-arrow {
  left: calc(-1 * (0.5rem) - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::after,
.bs-popover-end > .popover-arrow::before {
  border-width: calc(1rem * 0.5) 0.5rem calc(1rem * 0.5) 0;
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before,
.bs-popover-end > .popover-arrow::before {
  left: 0;
  border-right-color: rgba(164, 174, 198, 0.2);
}

.bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after,
.bs-popover-end > .popover-arrow::after {
  left: 1px;
  border-right-color: #ffffff;
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow,
.bs-popover-bottom > .popover-arrow {
  top: calc(-1 * (0.5rem) - 1px);
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::before {
  border-width: 0 calc(1rem * 0.5) 0.5rem;
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before,
.bs-popover-bottom > .popover-arrow::before {
  top: 0;
  border-bottom-color: rgba(164, 174, 198, 0.2);
}

.bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after,
.bs-popover-bottom > .popover-arrow::after {
  top: 1px;
  border-bottom-color: #ffffff;
}

.bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before,
.bs-popover-bottom .popover-header::before {
  position: absolute;
  top: 0;
  left: 50%;
  display: block;
  width: 1rem;
  margin-left: calc(-0.5 * 1rem);
  content: "";
  border-bottom: 1px solid #ffffff;
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow,
.bs-popover-start > .popover-arrow {
  right: calc(-1 * (0.5rem) - 1px);
  width: 0.5rem;
  height: 1rem;
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::after,
.bs-popover-start > .popover-arrow::before {
  border-width: calc(1rem * 0.5) 0 calc(1rem * 0.5) 0.5rem;
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before,
.bs-popover-start > .popover-arrow::before {
  right: 0;
  border-left-color: rgba(164, 174, 198, 0.2);
}

.bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after,
.bs-popover-start > .popover-arrow::after {
  right: 1px;
  border-left-color: #ffffff;
}

.popover-header {
  padding: 1rem 1.25rem;
  margin-bottom: 0;
  font-size: 0.8rem;
  color: #343f52;
  background-color: #ffffff;
  border-bottom: 1px solid rgba(164, 174, 198, 0.2);
  border-top-left-radius: calc(0.4rem - 1px);
  border-top-right-radius: calc(0.4rem - 1px);
}

.popover-header:empty {
  display: none;
}

.popover-body {
  padding: 1rem 1.25rem;
  color: #60697b;
}

.has-popover:focus {
  outline: 0;
}

.popover-header {
  padding: 1rem 1.25rem 0.25rem;
  border: 0;
  font-size: 1rem;
}

.popover-body {
  padding: 0 1.25rem 1rem;
}

a.hover-2::before {
  transform: scale3d(0, 1, 1);
}
a.hover-2:hover:before {
  transform: scale3d(1, 1, 1);
}
.swiper-controls {
  @apply !absolute pointer-events-none w-full h-full left-0 top-0;
}
.swiper-controls .swiper-navigation {
  pointer-events: all;
}
.swiper-controls .swiper-navigation .swiper-button {
  @apply text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-[2.2rem] h-[2.2rem] leading-[inherit] transition-all duration-[0.2s] ease-in-out rounded-[100%] border-0 motion-reduce:transition-none after:text-[1.2rem] bg-[rgba(255,255,255,.7)];
  text-shadow: none;
}
.swiper-controls .swiper-navigation .swiper-button:hover {
  @apply bg-[rgba(255,255,255,.9)];
}
.swiper-controls .swiper-navigation .swiper-button:focus {
  outline: 0;
}
.swiper-controls .swiper-navigation .swiper-button:after {
  @apply font-Unicons;
}
.swiper-controls .swiper-navigation .swiper-button.swiper-button-prev {
  @apply left-4 after:content-["\e949"];
}
.swiper-controls .swiper-navigation .swiper-button.swiper-button-next {
  @apply right-4 after:content-["\e94c"];
}
.swiper-controls .swiper-navigation .swiper-button.swiper-button-disabled {
  @apply bg-[rgba(255,255,255,.7)];
}
.swiper-controls .swiper-pagination {
  @apply bottom-[-2.8rem] !absolute;
  pointer-events: all;
}
.swiper-controls .swiper-pagination .swiper-pagination-bullet {
  @apply transition-all duration-[0.2s] ease-in-out relative inline-block w-2 h-2 opacity-50 mx-[0.3rem] my-0 p-0 rounded-[100%] border-[3px] border-solid border-transparent scale-[0.6] motion-reduce:transition-none hover:scale-100 bg-[#aab0bc];
  -webkit-backface-visibility: visible;
}
.swiper-controls .swiper-pagination .swiper-pagination-bullet:focus {
  outline: 0;
}
.swiper-controls
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  @apply border-[#aab0bc] scale-100 bg-inherit;
}
.swiper-container.clients .swiper {
  @apply flex items-center;
}
.swiper-container.nav-color .swiper-button {
  @apply text-white !bg-[rgba(63,120,224,.9)];
}
.swiper-container.nav-color .swiper-button.swiper-button-disabled,
.swiper-container.nav-color
  .swiper-slide
  figure
  .item-link.swiper-button-disabled {
  @apply !bg-[rgba(63,120,224,.7)];
}
.swiper-container.nav-color .swiper-button:hover {
  @apply !bg-[#22b573];
}
.swiper-container.nav-dark .swiper-button,
.swiper-container.nav-dark .swiper-slide figure .item-link {
  @apply text-white !bg-[rgba(0,0,0,.3)];
}
.swiper-container.nav-dark .swiper-button.swiper-button-disabled,
.swiper-container.nav-dark
  .swiper-slide
  figure
  .item-link.swiper-button-disabled {
  @apply !bg-[rgba(0,0,0,.1)];
}
.swiper-container.nav-dark .swiper-button:hover,
.swiper-container.nav-dark .swiper-slide figure .item-link:hover {
  @apply !bg-[rgba(0,0,0,.5)];
}
.swiper-container.nav-bottom .swiper-navigation {
  @apply flex flex-row justify-center absolute bottom-[-3.2rem] w-full left-0 transform-none;
}
.swiper-container.nav-bottom .swiper-navigation .swiper-button {
  @apply relative mx-[0.2rem] my-0 top-auto bottom-0 inset-x-auto;
}
.swiper-container.nav-bottom .swiper-navigation + .swiper-pagination {
  @apply bottom-[-5.2rem];
}
.swiper-container.nav-bottom.nav-far .swiper-navigation {
  @apply bottom-[-4.1rem];
}
.swiper-container.nav-bottom.nav-start .swiper-navigation {
  @apply text-left justify-start;
}
.swiper-container.nav-bottom.nav-start .swiper-navigation .swiper-button {
  @apply ml-0 mr-[0.4rem] my-0;
}
.swiper-container.dots-over .swiper-pagination {
  @apply bottom-[0.6rem];
}
.swiper-container.dots-over .swiper-pagination .swiper-pagination-bullet {
  @apply opacity-100 shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] bg-white;
}
.swiper-container.dots-over
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  @apply border-white;
  background: 0 0;
}
.swiper-container.dots-start .swiper-pagination {
  @apply text-left justify-start;
}
.swiper-container.dots-light .swiper-pagination .swiper-pagination-bullet {
  @apply opacity-100 bg-white;
}
.swiper-container.dots-light
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  @apply border-white bg-inherit;
}
.swiper-container.dots-dark .swiper-pagination .swiper-pagination-bullet {
  @apply opacity-100 bg-[rgba(0,0,0,.3)];
}
.swiper-container.dots-dark
  .swiper-pagination
  .swiper-pagination-bullet.swiper-pagination-bullet-active {
  @apply border-[rgba(0,0,0,0.3)] bg-inherit;
}
.swiper-container.dots-light.dots-light-75
  .swiper-pagination
  .swiper-pagination-bullet {
  @apply opacity-75;
}
.swiper-container.dots-closer .swiper-pagination {
  @apply bottom-[-2rem];
}
.swiper-slide.bg-overlay:before {
  @apply content-[""] block absolute z-[1] w-full h-full left-0 top-0 bg-[rgba(30,34,40,.5)];
}
.swiper-slide.rounded.bg-overlay:before {
  @apply rounded-[0.4rem];
}
.swiper-slide.bg-overlay-300:before {
  @apply bg-[rgba(30,34,40,.3)];
}
.swiper-slide.bg-overlay-400:before {
  @apply bg-[rgba(30,34,40,.4)];
}
.swiper-slide.bg-overlay .caption-wrapper > *,
.swiper-slide.bg-overlay [class*="container"] > * {
  @apply relative z-[3];
}
.swiper-slide .caption-wrapper {
  @apply w-full h-full absolute flex left-0 top-0;
}
.swiper-slide .caption-wrapper .caption {
  @apply flex;
}
.swiper-hero,
.swiper-hero .swiper-slide {
  @apply h-[750px];
}
.swiper-hero .swiper-slide {
  @apply bg-cover bg-[center_center];
}
.swiper-fullscreen {
  @apply h-screen;
}
.swiper-fullscreen .swiper:not(.swiper-thumbs) .swiper-slide {
  @apply h-screen bg-cover bg-[center_center];
}
.swiper-fullscreen .swiper-thumbs {
  @apply absolute -translate-x-2/4 z-[9999] left-2/4 bottom-4;
}
.swiper-fullscreen .swiper-thumbs .swiper-slide {
  @apply cursor-pointer !w-10 !h-10 after:absolute after:w-full after:h-full after:content-[""] after:block after:z-[2] after:transition-all after:duration-[150ms] after:ease-in-out after:box-border after:rounded-[100%] after:border-2 after:border-solid after:border-transparent after:left-0 after:top-0;
}
.swiper-fullscreen .swiper-thumbs .swiper-slide img {
  @apply w-10 h-10 rounded-[100%];
}
.swiper-fullscreen
  .swiper-thumbs
  .swiper-slide.swiper-slide-thumb-active:after {
  @apply border-[rgba(255,255,255,0.6)];
}
.swiper-container .swiper-slide [class*="animate__"] {
  @apply invisible;
  animation-name: none;
}
.swiper-container .swiper-slide.swiper-slide-active [class*="animate__"] {
  @apply visible;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__fadeInUp {
  animation-name: fadeInUp;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__fadeInDown {
  animation-name: fadeInDown;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__fadeInTopRight {
  animation-name: fadeInTopRight;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__slideInUp {
  animation-name: slideInUp;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__slideInDown {
  animation-name: slideInDown;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__slideInLeft {
  animation-name: slideInLeft;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__slideInRight {
  animation-name: slideInRight;
}
.swiper-container
  .swiper-slide.swiper-slide-active
  [class*="animate__"].animate__zoomIn {
  animation-name: zoomIn;
}
.item-inner {
  @apply px-3 py-4;
}
.swiper-thumbs-container:not(.swiper-fullscreen) .swiper-main {
  @apply relative;
}
.swiper-thumbs-container:not(.swiper-fullscreen) .swiper:not(.swiper-thumbs) {
  @apply mb-2;
}
.swiper-thumbs-container:not(.swiper-fullscreen):not(.swiper-fullscreen)
  .swiper-thumbs
  .swiper-slide {
  @apply cursor-pointer opacity-70;
}
.swiper-thumbs-container:not(.swiper-fullscreen):not(.swiper-fullscreen)
  .swiper-thumbs
  .swiper-slide.swiper-slide-thumb-active {
  @apply opacity-100;
}
.swiper-static {
  @apply absolute w-full h-full pointer-events-none z-[1000] left-0 top-0;
}
.swiper-wrapper.ticker {
  @apply ease-linear;
}
#offcanvas-cart {
  @apply w-80;
}
#offcanvas-search {
  @apply h-auto bottom-auto;
}
.offcanvas.bg-light {
  @apply text-[#60697b] bg-[#fefefe];
}
.offcanvas-body {
  @apply py-0;
}
.offcanvas-nav .offcanvas-body {
  @apply grow-0;
}
.offcanvas:not(.offcanvas-nav) {
  @apply overflow-y-auto;
}
.offcanvas:not(.offcanvas-nav) .offcanvas-body {
  overflow-y: unset;
}
.offcanvas-footer {
  @apply flex shrink-0 mt-auto px-0 py-6;
}
img.svg-inject {
  @apply invisible;
}
.icon-svg {
  @apply w-12 h-12;
}
.svg-bg {
  @apply inline-flex items-center justify-center w-12 h-12;
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.svg-bg .icon-svg {
  @apply w-[1.3rem] h-[1.3rem];
}
.svg-bg.svg-bg-lg {
  @apply w-16 h-16;
}
.svg-bg.svg-bg-lg .icon-svg {
  @apply w-6 h-6;
}
.lineal-fill {
  @apply fill-[#8caeec];
}
.lineal-stroke {
  @apply fill-[#36496d];
}
.text-primary .lineal-fill {
  @apply fill-[#8caeec];
}
.text-blue .lineal-fill {
  @apply fill-[#8caeec];
}
.text-sky .lineal-fill {
  @apply fill-[#9ed5f6];
}
.text-purple .lineal-fill {
  @apply fill-[#acb2e3];
}
.text-grape .lineal-fill {
  @apply fill-[#a09ed6];
}
.text-violet .lineal-fill {
  @apply fill-[#c6b0dc];
}
.text-pink .lineal-fill {
  @apply fill-[#e3a6b6];
}
.text-fuchsia .lineal-fill {
  @apply fill-[#f0a4d1];
}
.text-red .lineal-fill {
  @apply fill-[#eea1a6];
}
.text-orange .lineal-fill {
  @apply fill-[#fab9ad];
}
.text-yellow .lineal-fill {
  @apply fill-[#fcd49b];
}
.text-green .lineal-fill {
  @apply fill-[#8fdcc6];
}
.text-leaf .lineal-fill {
  @apply fill-[#b0d4c1];
}
.text-aqua .lineal-fill {
  @apply fill-[#98cbdd];
}
.text-navy .lineal-fill {
  @apply fill-[#858c97];
}
.text-ash .lineal-fill {
  @apply fill-[#bfc2c8];
}
.solid .fill-primary,
.solid .fill-secondary {
  @apply fill-[#22b573];
}
.solid.text-blue .fill-primary,
.solid.text-blue .fill-secondary {
  @apply fill-[#22b573];
}
.solid.text-sky .fill-primary,
.solid.text-sky .fill-secondary {
  @apply fill-[#5eb9f0];
}
.solid.text-purple .fill-primary,
.solid.text-purple .fill-secondary {
  @apply fill-[#747ed1];
}
.solid.text-grape .fill-primary,
.solid.text-grape .fill-secondary {
  @apply fill-[#605dba];
}
.solid.text-violet .fill-primary,
.solid.text-violet .fill-secondary {
  @apply fill-[#22b573];
}
.solid.text-pink .fill-primary,
.solid.text-pink .fill-secondary {
  @apply fill-[#d16b86];
}
.solid.text-fuchsia .fill-primary,
.solid.text-fuchsia .fill-secondary {
  @apply fill-[#e668b3];
}
.solid.text-red .fill-primary,
.solid.text-red .fill-secondary {
  @apply fill-[#e2626b];
}
.solid.text-orange .fill-primary,
.solid.text-orange .fill-secondary {
  @apply fill-[#f78b77];
}
.solid.text-yellow .fill-primary,
.solid.text-yellow .fill-secondary {
  @apply fill-[#fab758];
}
.solid.text-green .fill-primary,
.solid.text-green .fill-secondary {
  @apply !fill-[#45c4a0];
}
.solid.text-leaf .fill-primary,
.solid.text-leaf .fill-secondary {
  @apply fill-[#7cb798];
}
.solid.text-aqua .fill-primary,
.solid.text-aqua .fill-secondary {
  @apply fill-[#54a8c7];
}
.solid.text-navy .fill-primary,
.solid.text-navy .fill-secondary {
  @apply !fill-[#343f52];
}
.solid.text-ash .fill-primary,
.solid.text-ash .fill-secondary {
  @apply fill-[#9499a3];
}
.solid.text-light .fill-primary,
.solid.text-light .fill-secondary {
  @apply fill-[#fefefe];
}
.solid.text-gray .fill-primary,
.solid.text-gray .fill-secondary {
  @apply fill-[#f6f7f9];
}
.solid.text-dark .fill-primary,
.solid.text-dark .fill-secondary {
  @apply fill-[#262b32];
}
.solid.text-primary .fill-primary,
.solid.text-primary .fill-secondary {
  @apply fill-[#22b573];
}
.solid-mono .fill-primary {
  @apply fill-[#22b573];
}
.solid-mono .fill-secondary {
  @apply fill-[#b2c9f3];
}
.solid-mono.text-primary .fill-primary {
  @apply fill-[#22b573];
}
.solid-mono.text-primary .fill-secondary {
  @apply fill-[#b2c9f3];
}
.solid-mono.text-blue .fill-primary {
  @apply fill-[#22b573];
}
.solid-mono.text-blue .fill-secondary {
  @apply fill-[#b2c9f3];
}
.solid-mono.text-sky .fill-primary {
  @apply fill-[#5eb9f0];
}
.solid-mono.text-sky .fill-secondary {
  @apply fill-[#bfe3f9];
}
.solid-mono.text-purple .fill-primary {
  @apply fill-[#747ed1];
}
.solid-mono.text-purple .fill-secondary {
  @apply fill-[#c7cbed];
}
.solid-mono.text-grape .fill-primary {
  @apply fill-[#605dba];
}
.solid-mono.text-grape .fill-secondary {
  @apply fill-[#bfbee3];
}
.solid-mono.text-violet .fill-primary {
  @apply fill-[#22b573];
}
.solid-mono.text-violet .fill-secondary {
  @apply fill-[#d9cbe8];
}
.solid-mono.text-pink .fill-primary {
  @apply fill-[#d16b86];
}
.solid-mono.text-pink .fill-secondary {
  @apply fill-[#edc4cf];
}
.solid-mono.text-fuchsia .fill-primary {
  @apply fill-[#e668b3];
}
.solid-mono.text-fuchsia .fill-secondary {
  @apply fill-[#f5c3e1];
}
.solid-mono.text-red .fill-primary {
  @apply fill-[#e2626b];
}
.solid-mono.text-red .fill-secondary {
  @apply fill-[#f3c0c4];
}
.solid-mono.text-orange .fill-primary {
  @apply fill-[#f78b77];
}
.solid-mono.text-orange .fill-secondary {
  @apply fill-[#fcd1c9];
}
.solid-mono.text-yellow .fill-primary {
  @apply fill-[#fab758];
}
.solid-mono.text-yellow .fill-secondary {
  @apply fill-[#fde2bc];
}
.solid-mono.text-green .fill-primary {
  @apply fill-[#45c4a0];
}
.solid-mono.text-green .fill-secondary {
  @apply fill-[#b5e7d9];
}
.solid-mono.text-leaf .fill-primary {
  @apply fill-[#7cb798];
}
.solid-mono.text-leaf .fill-secondary {
  @apply fill-[#cbe2d6];
}
.solid-mono.text-aqua .fill-primary {
  @apply fill-[#54a8c7];
}
.solid-mono.text-aqua .fill-secondary {
  @apply fill-[#bbdce9];
}
.solid-mono.text-navy .fill-primary {
  @apply fill-[#343f52];
}
.solid-mono.text-navy .fill-secondary {
  @apply fill-[#aeb2ba];
}
.solid-mono.text-ash .fill-primary {
  @apply fill-[#9499a3];
}
.solid-mono.text-ash .fill-secondary {
  @apply fill-[#d4d6da];
}
.solid-duo.text-purple-aqua .fill-primary {
  @apply !fill-[#747ed1];
}
.solid-duo.text-purple-aqua .fill-secondary {
  @apply !fill-[#8ce0f1];
}
.solid-duo.text-navy-green .fill-primary {
  @apply fill-[#414b64];
}
.solid-duo.text-navy-green .fill-secondary {
  @apply fill-[#45c4a0];
}
.solid-duo.text-grape-fuchsia .fill-primary {
  @apply fill-[#605dba];
}
.solid-duo.text-grape-fuchsia .fill-secondary {
  @apply fill-[#f857a6];
}
.solid-duo.text-grape-green .fill-primary {
  @apply fill-[#605dba];
}
.solid-duo.text-grape-green .fill-secondary {
  @apply fill-[#94dd8e];
}
.solid-duo.text-navy-sky .fill-primary {
  @apply fill-[#414b64];
}
.solid-duo.text-navy-sky .fill-secondary {
  @apply fill-[#5eb9f0];
}
.solid-duo.text-blue-pink .fill-primary {
  @apply fill-[#22b573];
}
.solid-duo.text-purple-aqua .fill-secondary {
  @apply fill-[#8ce0f1];
}
.solid-duo.text-blue-pink .fill-secondary {
  @apply fill-[#fc7eb9];
}
.solid-duo.text-green-fuchsia .fill-primary {
  @apply fill-[#8ed882];
}
.solid-duo.text-green-fuchsia .fill-secondary {
  @apply fill-[#e668b3];
}
.solid-duo.text-grape-yellow .fill-primary {
  @apply fill-[#605dba];
}
.solid-duo.text-grape-yellow .fill-secondary {
  @apply fill-[#fab758];
}
.solid-duo.text-sky-pink .fill-primary {
  @apply fill-[#5eb9f0];
}
.solid-duo.text-sky-pink .fill-secondary {
  @apply fill-[#ff98ab];
}
.solid-duo.text-purple-pink .fill-primary {
  @apply fill-[#747ed1];
}
.solid-duo.text-purple-pink .fill-secondary {
  @apply fill-[#fdb9d3];
}
.solid-duo.text-green-red .fill-primary {
  @apply fill-[#45c4a0];
}
.solid-duo.text-green-red .fill-secondary {
  @apply fill-[#ff7c94];
}
.solid-duo.text-red-yellow .fill-primary {
  @apply fill-[#e54281];
}
.solid-duo.text-red-yellow .fill-secondary {
  @apply fill-[#fab758];
}

.lineal-fill {
  @apply !fill-[#8caeec];
}
.lineal-stroke {
  @apply !fill-[#343f52];
}
.text-aqua .lineal-fill {
  @apply !fill-[#98cbdd];
}
.text-green .lineal-fill {
  @apply !fill-[#8fdcc6];
}
.text-leaf .lineal-fill {
  @apply !fill-[#b0d4c1];
}
.text-navy .lineal-fill {
  @apply !fill-[#858c97];
}
.text-orange .lineal-fill {
  @apply !fill-[#fab9ad];
}
.text-pink .lineal-fill {
  @apply !fill-[#e3a6b6];
}
.text-purple .lineal-fill {
  @apply !fill-[#acb2e3];
}
.text-red .lineal-fill {
  @apply !fill-[#eea1a6];
}
.text-violet .lineal-fill {
  @apply !fill-[#c6b0dc];
}
.text-yellow .lineal-fill {
  @apply !fill-[#fcd49b];
}
.text-blue .lineal-fill {
  @apply !fill-[#8caeec];
}
.text-fuchsia .lineal-fill {
  @apply !fill-[#f0a4d1];
}
.text-sky .lineal-fill {
  @apply !fill-[#9ed5f6];
}
.text-grape .lineal-fill {
  @apply !fill-[#a09ed6];
}
/*  */
.solid-mono.text-primary .fill-primary {
  @apply !fill-[#22b573];
}
.solid-mono.text-primary .fill-secondary {
  @apply !fill-[#b2c9f3];
}
.solid-mono.text-aqua .fill-secondary {
  @apply !fill-[#bbdce9];
}
.solid-mono.text-aqua .fill-primary {
  @apply !fill-[#54a8c7];
}
.solid-mono.text-green .fill-secondary {
  @apply !fill-[#b5e7d9];
}
.solid-mono.text-green .fill-primary {
  @apply !fill-[#45c4a0];
}
.solid-mono.text-leaf .fill-secondary {
  @apply !fill-[#cbe2d6];
}
.solid-mono.text-leaf .fill-primary {
  @apply !fill-[#7cb798];
}
.solid-mono.text-navy .fill-secondary {
  @apply !fill-[#aeb2ba];
}
.solid-mono.text-navy .fill-primary {
  @apply !fill-[#343f52];
}
.solid-mono.text-orange .fill-secondary {
  @apply !fill-[#fcd1c9];
}
.solid-mono.text-orange .fill-primary {
  @apply !fill-[#f78b77];
}
.solid-mono.text-pink .fill-secondary {
  @apply !fill-[#edc4cf];
}
.solid-mono.text-pink .fill-primary {
  @apply !fill-[#d16b86];
}
.solid-mono.text-purple .fill-secondary {
  @apply !fill-[#c7cbed];
}
.solid-mono.text-purple .fill-primary {
  @apply !fill-[#747ed1];
}
.solid-mono.text-red .fill-secondary {
  @apply !fill-[#f3c0c4];
}
.solid-mono.text-red .fill-primary {
  @apply !fill-[#e2626b];
}
.solid-mono.text-violet .fill-secondary {
  @apply !fill-[#d9cbe8];
}
.solid-mono.text-violet .fill-primary {
  @apply !fill-[#22b573];
}
.solid-mono.text-yellow .fill-secondary {
  @apply !fill-[#fde2bc];
}
.solid-mono.text-yellow .fill-primary {
  @apply !fill-[#fab758];
}
.solid-mono.text-blue .fill-secondary {
  @apply !fill-[#b2c9f3];
}
.solid-mono.text-blue .fill-primary {
  @apply !fill-[#22b573];
}
.solid-mono.text-fuchsia .fill-secondary {
  @apply !fill-[#f5c3e1];
}
.solid-mono.text-fuchsia .fill-primary {
  @apply !fill-[#e668b3];
}
.solid-mono.text-sky .fill-secondary {
  @apply !fill-[#bfe3f9];
}
.solid-mono.text-sky .fill-primary {
  @apply !fill-[#5eb9f0];
}
.solid-mono.text-grape .fill-secondary {
  @apply !fill-[#bfbee3];
}
.solid-mono.text-grape .fill-primary {
  @apply !fill-[#605dba];
}
.shape.grape .svg-fill {
  @apply fill-[#605dba];
}
.shape.fuchsia .svg-fill {
  @apply fill-[#e668b3];
}
.shape.violet .svg-fill {
  @apply fill-[#22b573];
}
.shape.yellow .svg-fill {
  @apply fill-[#fab758];
}
.shape.leaf .svg-fill {
  @apply fill-[#7cb798];
}
.shape.pale-primary .svg-fill {
  @apply fill-[#e0e9fa];
}
.text-fuchsia .lineal-fill {
  @apply fill-[#f0a4d1];
}
.text-aqua .lineal-fill {
  @apply fill-[#98cbdd];
}
.text-yellow .lineal-fill {
  @apply fill-[#fcd49b];
}
.text-leaf .lineal-fill {
  @apply fill-[#b0d4c1];
}
.text-orange .lineal-fill {
  @apply fill-[#fab9ad];
}
.text-grape .lineal-fill {
  @apply fill-[#a09ed6];
}
.ratings.one:after {
  @apply content-["\2605"];
}
.ratings.two:after {
  @apply content-["\2605\2605"];
}
.ratings.three:after {
  @apply content-["\2605\2605\2605"];
}
.ratings.four:after {
  @apply content-["\2605\2605\2605\2605"];
}
.custom-control .ratings {
  @apply h-[0.9rem];
}
[class*=" icn-"],
[class*=" uil-"],
[class^="icn-"],
[class^="uil-"] {
  @apply not-italic font-normal normal-case;
  speak: none;
  font-variant: normal;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  word-spacing: normal;
}
[class*=" uil-"],
[class^="uil-"] {
  @apply !font-Unicons;
}
[class*=" icn-"],
[class^="icn-"] {
  @apply !font-Custom;
}
.uil-eye:before {
  @apply content-["\eae1"];
}
.uil-eye-slash:before {
  @apply content-["\eae0"];
}
.icn-caret-right:before {
  @apply content-["\e900"];
}
.icn-comment-line:before {
  @apply content-["\e904"];
}
.icn-external:before {
  @apply content-["\e906"];
}
.icn-terminal:before {
  @apply content-["\e905"];
}
.counter-wrapper .card-body {
  @apply p-6;
}
.counter-wrapper .icon-bg {
  @apply mx-auto my-0;
}
figure.overlay img {
  @apply opacity-100 w-full max-w-full align-top relative;
}
.overlay {
  @apply relative text-center overflow-hidden;
  transform: translate3d(0, 0, 0);
}
.overlay * {
  @apply transition-all duration-[0.4s] ease-[ease] motion-reduce:transition-none text-white;
}
.overlay img {
  @apply transition-none max-w-full align-top;
}
.overlay:not(.caption-overlay) i {
  @apply block text-[calc(1.265rem_+_0.18vw)];
}
.overlay span.bg {
  @apply block cursor-pointer opacity-0 z-[4] absolute w-full h-full inset-0 bg-[rgba(30,34,40,.6)];
}
.overlay.color span.bg {
  @apply bg-[rgba(63,120,224,.7)];
}
.overlay.light span.bg {
  @apply bg-[rgba(255,255,255,.6)];
}
.overlay.overlay-gradient-1 span.bg {
  @apply bg-[linear-gradient(120deg,#f857a6_10%,#ef3f6e_100%)];
}
.overlay.overlay-gradient-2 span.bg {
  @apply bg-[linear-gradient(40deg,#f5b161_.4%,#ec366e_100.2%)];
}
.overlay.overlay-gradient-3 span.bg {
  @apply bg-[linear-gradient(45deg,#fbda61_0,#ff5acd_100%)];
}
.overlay.overlay-gradient-4 span.bg {
  @apply bg-[linear-gradient(125deg,#9040db,#ff72c2_50%,#ffd84f)];
}
.overlay.overlay-gradient-5 span.bg {
  @apply bg-[linear-gradient(43deg,#4158d0_0,#c850c0_46%,#ffcc70_100%)];
}
.overlay.overlay-gradient-6 span.bg {
  @apply bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)];
}
.overlay.overlay-gradient-7 span.bg {
  @apply bg-[linear-gradient(100deg,#605dba_20%,#3f78e0_85%)];
}
.overlay.overlay-gradient-8 span.bg {
  @apply bg-[linear-gradient(0deg,#2c46a7,#3757c4)];
}
.overlay.overlay-gradient-9 span.bg {
  @apply bg-[linear-gradient(45deg,#ffdee9,#b5fffc)];
}
.overlay:not(.overlay-3):hover span.bg {
  @apply opacity-100 transition-opacity duration-[0.35s] ease-in-out motion-reduce:transition-none;
}
.overlay.light * {
  @apply text-[#343f52];
}
.overlay img {
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
}
.overlay.caption figcaption {
  @apply absolute w-full h-full opacity-100 flex flex-col justify-end items-start text-left p-6 left-0 top-0;
}
.overlay.caption figcaption .post-meta {
  @apply flex flex-row;
}
.overlay.caption figcaption .post-meta > li {
  @apply flex items-center;
}
.overlay.caption figcaption .badge {
  @apply text-[#343f52];
}
.overlay.caption.caption-overlay span.bg {
  @apply opacity-100 after:content-[""] after:absolute after:opacity-0 after:w-full after:h-full after:transition-all after:duration-[0.4s] after:ease-[ease] after:left-0 after:top-0 motion-reduce:after:transition-none hover:after:opacity-100 bg-inherit;
  background: rgba(30, 34, 40, 0)
    linear-gradient(
      transparent 15%,
      transparent 20%,
      rgba(30, 34, 40, 0.3) 55%,
      rgba(30, 34, 40, 0.7) 85%,
      rgba(30, 34, 40, 0.75) 100%
    )
    repeat scroll 0 0;
}
.overlay.caption.caption-overlay span.bg:after {
  @apply bg-[rgba(30,34,40,.2)];
}
.overlay-1 * {
  @apply box-border;
}
.overlay-1:hover .figcaption *,
.overlay-1:hover figcaption * {
  @apply -translate-y-2/4;
}
.overlay-2 * {
  @apply absolute w-full text-center m-0 left-0;
}
.overlay-2 > * {
  @apply h-full absolute inset-0;
}
.overlay-2 figcaption {
  @apply h-full opacity-0;
}
.overlay-2 img {
  @apply relative;
}
.overlay-2 .from-top {
  @apply px-4 py-0 bottom-2/4;
  transform: translate3d(0, -100%, 0);
}
.overlay-2 .from-bottom {
  @apply px-4 py-0 top-2/4;
  transform: translate3d(0, 100%, 0);
}
.overlay-2:hover * {
  @apply opacity-100;
}
.overlay-2:hover figcaption * {
  transform: translate3d(0, 0, 0);
}
.overlay-3 span.bg {
  @apply absolute block w-0 h-full opacity-0 invisible left-0 top-0;
}
.overlay-3:hover span.bg {
  @apply visible opacity-80 w-full;
}
.overlay-3:hover .figcaption .from-left,
.overlay-3:hover figcaption .from-left {
  @apply opacity-100;
  transform: translate3d(0, 0, 0);
}
.overlay-3 figcaption {
  @apply absolute w-full h-full opacity-0 flex flex-col justify-end px-5 py-4 inset-0;
}
.overlay-3 .from-left {
  opacity: 0;
  transition: opacity 0.4s, transform 0.4s;
  transform: translate3d(-10%, 0, 0);
}
.overlay-3 .from-left:nth-child(1) {
  @apply delay-[0.15s];
}
.overlay-3 .from-left:nth-child(2) {
  @apply delay-[0.2s];
}
.overlay-3:hover .figcaption,
.overlay-3:hover figcaption {
  @apply opacity-100;
}
.overlay-3:hover .figcaption .from-left,
.overlay-3:hover figcaption .from-left {
  @apply opacity-100;
  transform: translate3d(0, 0, 0);
}
.hover-scale {
  @apply overflow-hidden translate-y-0;
}
.lift {
  @apply translate-y-0 transition-all duration-[0.3s] ease-[ease] hover:translate-y-[-0.4rem] hover:shadow-[0_0.25rem_1.25rem_rgba(52,63,82,0.1)];
}
video.player {
  @apply max-w-full;
}
.plyr__control--overlaid {
  @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] !text-[#343f52] opacity-100 !p-5 border-0 !bg-white;
}
.plyr__control--overlaid:focus,
.plyr__control--overlaid:hover {
  @apply !text-[#22b573] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] transition-all duration-[0.2s] ease-in-out !bg-white;
}
.plyr__control--overlaid::after,
.plyr__control--overlaid::before {
  @apply content-[""] block absolute opacity-80 animate-[ripple-1_2s_infinite_ease-in-out] z-[-1] rounded-[50%] inset-0 bg-white;
}
.plyr--full-ui *,
.plyr--full-ui :after,
.plyr--full-ui :before {
  box-sizing: inherit;
}
.plyr__control--overlaid::after {
  @apply !animate-[ripple-2_2s_infinite_ease-in-out];
  animation-delay: 0.5s !important;
}
.plyr__control--overlaid::after,
.plyr__control--overlaid::before {
  @apply content-[""] block absolute opacity-80 animate-[ripple-1_2s_infinite_ease-in-out] z-[-1] rounded-[50%] inset-0 bg-white;
}
.pricing-wrapper [class*="xl\:w-"] {
  @apply z-[1];
}
.pricing-wrapper [class*="xl\:w-"].popular {
  @apply z-[3];
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .card-body {
  @apply mx-auto py-12;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .card-body .icon {
  @apply mb-3;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .card-body .card-title {
  @apply mt-0 mb-2 mx-0 p-0;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices {
  @apply leading-none font-medium relative h-[2.3rem] m-0 p-0 bg-inherit;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-value {
  @apply text-[calc(1.365rem_+_1.38vw)];
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-currency {
  @apply inline-block text-[1rem] font-medium pr-[0.2rem] pt-[0.4rem];
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-duration {
  @apply text-[0.8rem] font-medium text-[#60697b] mt-auto mb-1;
}
.pricing-wrapper
  [class*="xl\:w-"]
  .pricing.card
  .prices
  .price-duration:before {
  @apply content-["/"] p-0;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price {
  @apply absolute flex justify-center inset-x-0;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-hidden {
  @apply hidden;
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-show {
  @apply animate-[priceShow_0.6s_forwards];
}
.pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-hide {
  @apply animate-[priceFade_0.6s_forwards];
}
.pricing-switcher-wrapper p:last-child {
  @apply relative;
}
.pricing-switcher-wrapper p:last-child .badge {
  @apply absolute top-[-1rem] right-[-2rem];
}
.pricing-switchers
  .pricing-switcher:nth-child(1).pricing-switcher-active
  ~ .switcher-button {
  @apply left-0;
}
.pricing-switchers
  .pricing-switcher:nth-child(2).pricing-switcher-active
  ~ .switcher-button {
  @apply left-2/4;
}
.pricing-switchers .pricing-switcher.pricing-switcher-active {
  @apply text-white;
}
.switcher-dark .pricing-switchers {
  @apply bg-[rgba(255,255,255,0.06)];
}
.timeline .timeline-item .timeline-content p:last-child {
  @apply m-0;
}
.timeline .timeline-item .timeline-marker {
  @apply absolute w-[0.6rem] text-[#22b573] left-0 inset-y-0 before:w-[0.55rem] before:h-[0.55rem] before:rounded-[100%] before:left-0 before:top-[0.2rem] after:w-px after:left-1 after:top-4 after:bottom-0 md:relative;
}
.timeline .timeline-item .timeline-marker:after,
.timeline .timeline-item .timeline-marker:before {
  @apply content-[""] block absolute;
}
.timeline .timeline-item .timeline-marker {
  @apply before:bg-[currentColor];
}
.timeline .timeline-item .timeline-marker:after {
  @apply bg-[rgba(164,174,198,.2)];
}
.timeline .timeline-item:last-child .timeline-content {
  @apply pb-0;
}
.timeline .timeline-item:last-child .timeline-marker:after {
  @apply content-none;
}
.projects-tiles .project:first-child {
  @apply mt-0;
}
.projects-overflow .project-details {
  @apply w-full;
}
.projects-overflow .item {
  @apply relative mt-10 first:mt-0;
}
.item figure,
.swiper-slide figure {
  @apply relative;
}
.item figure .item-like:hover,
.item figure .item-link:hover,
.item figure .item-view:hover,
.swiper-slide figure .item-like:hover,
.swiper-slide figure .item-link:hover,
.swiper-slide figure .item-view:hover {
  @apply bg-[rgba(255,255,255,.9)];
}
.item figure .item-view,
.swiper-slide figure .item-view {
  @apply top-[3.7rem] bottom-auto;
}
.white-tooltip .tooltip-inner {
  @apply text-[#343f52] text-[0.7rem] max-w-[200px] px-2 py-[0.35rem] rounded-[0.4rem] bg-white;
}
.shop figure {
  @apply overflow-hidden;
  transform: translate3d(0, 0, 0);
}
.shopping-cart .shopping-cart-item .price {
  @apply mb-[0.4rem];
}
table.shopping-cart td {
  @apply align-middle py-[1.2rem];
}
.position-relative .shape.rellax + figure {
  @apply relative z-[2];
}
.bg-dot {
  background-size: 0.75rem 0.75rem;
}
.bg-line.red {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #e2626b 1.6px,
    #e2626b 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}

.bg-line.green {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #45c4a0 1.6px,
    #45c4a0 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-line.leaf {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #7cb798 1.6px,
    #7cb798 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-line.aqua {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #54a8c7 1.6px,
    #54a8c7 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-line.yellow {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #fab758 1.6px,
    #fab758 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-line.blue {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #22b573 1.6px,
    #22b573 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-dot.sky {
  @apply bg-[radial-gradient(#5eb9f0_2px,transparent_2.5px)];
}
.bg-dot.purple {
  @apply bg-[radial-gradient(#747ed1_2px,transparent_2.5px)];
}
.bg-dot.grape {
  @apply bg-[radial-gradient(#605dba_2px,transparent_2.5px)];
}
.bg-dot.violet {
  @apply bg-[radial-gradient(#a07cc5_2px,transparent_2.5px)];
}
.bg-dot.pink {
  @apply bg-[radial-gradient(#d16b86_2px,transparent_2.5px)];
}
.bg-dot.fuchsia {
  @apply bg-[radial-gradient(#e668b3_2px,transparent_2.5px)];
}
.bg-dot.yellow {
  background-image: radial-gradient(#fab758 2px, transparent 2.5px);
}
.bg-dot.blue {
  background-image: radial-gradient(#22b573 2px, transparent 2.5px);
}
.bg-line.primary {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #22b573 1.6px,
    #22b573 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-line.purple {
  background: repeating-linear-gradient(
    -55deg,
    rgba(255, 255, 255, 0) 0.8px,
    #747ed1 1.6px,
    #747ed1 3px,
    rgba(255, 255, 255, 0) 3.8px,
    rgba(255, 255, 255, 0) 10px
  );
}
.bg-dot.orange {
  @apply bg-[radial-gradient(#f78b77_2px,transparent_2.5px)];
}
.bg-dot.leaf {
  @apply bg-[radial-gradient(#7cb798_2px,transparent_2.5px)];
}
.bg-dot.aqua {
  @apply bg-[radial-gradient(#54a8c7_2px,transparent_2.5px)];
}
.bg-dot.navy {
  @apply bg-[radial-gradient(#343f52_2px,transparent_2.5px)];
}
.bg-dot.ash {
  @apply bg-[radial-gradient(#9499a3_2px,transparent_2.5px)];
}
.bg-dot.white {
  @apply bg-[radial-gradient(#ffffff_2px,transparent_2.5px)];
}
.bg-dot.light {
  @apply bg-[radial-gradient(#fefefe_2px,transparent_2.5px)];
}
.bg-dot.gray {
  @apply bg-[radial-gradient(#f6f7f9_2px,transparent_2.5px)];
}
.bg-dot.dark {
  @apply bg-[radial-gradient(#262b32_2px,transparent_2.5px)];
}
.blog.single .post {
  @apply mb-0;
}
footer [class*="col-"] .widget + .widget {
  @apply mt-4;
}
.sidebar nav .nav-link {
  @apply font-medium text-[inherit] leading-[inherit] p-0;
}
.sidebar nav .nav-link.active {
  @apply !text-[#22b573];
}
.list-unstyled li a.active {
  @apply !text-[#22b573];
}
#comments ul.children {
  @apply mt-8 mb-0 mx-0 pl-14 pr-0 py-0 list-none;
}
#comments ul.children li.comment {
  @apply relative before:block before:content-["\e904"] before:text-[calc(1.325rem_+_0.9vw)] before:absolute before:left-[-2.5rem] before:top-[-1.25rem] before:text-[rgba(164,174,198,0.25)] before:font-Custom;
}
#comments .post-meta {
  @apply m-0;
}
.author-info .h6,
.author-info h6 {
  @apply mb-[0.2rem];
}
#comments .post-meta li:before {
  @apply ml-[0.4rem] mr-[0.6rem] my-0;
}
.wrapper-border.bg-dark {
  @apply border-[rgba(255,255,255,0.08)];
}
.footer.bg-dark,
footer.bg-dark {
  @apply !bg-[#21262c];
}
.image-wrapper.bg-overlay.bg-content .content,
.image-wrapper.bg-overlay:not(.bg-content) * {
  @apply relative z-[2];
}
.image-wrapper.bg-overlay .form-floating > label {
  @apply absolute;
}
.video-wrapper.bg-overlay {
  @apply after:content-[""] after:block after:h-full after:w-full after:absolute after:z-[1] after:left-0 after:top-0 after:bg-[rgba(30,34,40,.4)];
}
.video-wrapper.bg-overlay.bg-overlay-gradient {
  @apply after:opacity-40 after:bg-[linear-gradient(120deg,#542461_50%,#332487_100%)];
}
.video-wrapper video {
  @apply object-cover block absolute h-full w-full max-w-full left-0 top-0 bg-black;
}
.video-wrapper video:-webkit-media-controls {
  @apply hidden;
}
.video-wrapper .video-content {
  @apply absolute z-[2] w-full h-full flex items-center justify-center text-center flex-col;
}
.goverlay {
  @apply !bg-[rgba(30,34,40,.9)];
}
@media (min-width: 576px) {
  .container,
  .container-sm {
    @apply max-w-[540px];
  }
}
@media (min-width: 768px) {
  .container,
  .container-md,
  .container-sm {
    @apply max-w-[720px];
  }
}
@media (min-width: 992px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm {
    @apply max-w-[960px];
  }
}
@media (min-width: 1200px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl {
    @apply max-w-[1140px];
  }
}
@media (min-width: 1400px) {
  .container,
  .container-lg,
  .container-md,
  .container-sm,
  .container-xl,
  .container-xxl {
    @apply max-w-[1320px];
  }
}
.container,
.container-fluid,
.container-lg,
.container-md,
.container-sm,
.container-xl,
.container-xxl {
  @apply w-full px-[15px] mx-auto;
}
/* all media start */
@media (max-width: 575.98px) and (min-width: 1200px) {
  .navbar-expand-sm .navbar-other .nav-item .nav-link > i {
    @apply text-[1.3rem];
  }
}
@media (max-width: 767.98px) and (min-width: 1200px) {
  .navbar-expand-md .navbar-other .nav-item .nav-link > i {
    @apply text-[1.3rem];
  }
}
@media (max-width: 991.98px) and (min-width: 1200px) {
  .navbar-expand-lg .navbar-other .nav-item .nav-link > i {
    @apply text-[1.3rem];
  }
}
@media (max-width: 1199.98px) and (min-width: 1200px) {
  .navbar-expand-xl .navbar-other .nav-item .nav-link > i {
    @apply text-[1.3rem];
  }
}
@media (max-width: 1399.98px) and (min-width: 1200px) {
  .navbar-expand-xxl .navbar-other .nav-item .nav-link > i {
    @apply text-[1.3rem];
  }
}
@media (min-width: 1550px) {
  .box-layout {
    @apply relative bg-[#edeef1];
  }
}
@media (min-width: 1480px) {
  .container-card {
    @apply max-w-[1470px] mx-auto my-0;
  }
  .container-card > .card,
  .container-card > .card.image-wrapper:before {
    @apply rounded-[0.8rem];
  }
}
@media (min-width: 1024px) {
  .swiper-auto .swiper-slide {
    @apply !w-[850px];
  }
  .swiper-auto.swiper-auto-xs .swiper-slide {
    @apply !w-[600px];
  }
}
@media (min-width: 1400px) {
  .navbar-expand-xxl {
    @apply flex-nowrap justify-start;
  }
  .navbar-expand-xxl .navbar-nav {
    @apply flex-row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu {
    @apply absolute;
  }
  .navbar-expand-xxl .navbar-nav .nav-link {
    @apply px-[1rem];
  }
  .navbar-expand-xxl .navbar-nav-scroll {
    @apply overflow-visible;
  }
  .navbar-expand-xxl .navbar-collapse {
    @apply flex basis-auto;
  }
  .navbar-expand-xxl .navbar-toggler {
    @apply hidden;
  }
  .navbar-expand-xxl .offcanvas {
    @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-header {
    @apply hidden;
  }
  .navbar-expand-xxl .offcanvas .offcanvas-body {
    @apply flex grow-0 overflow-y-visible p-0;
  }
  .navbar-expand-xxl.navbar-light
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply text-[#22b573];
  }
  .navbar-expand-xxl .dropdown-mega,
  .navbar-expand-xxl .navbar-nav {
    @apply static;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-lg {
    @apply pt-[1.6rem] pb-[1.3rem] px-1;
  }
  .navbar-expand-xxl
    .navbar-nav
    .dropdown-menu.dropdown-lg
    .dropdown-lg-content {
    @apply flex flex-row;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
    @apply pt-0;
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu:before {
    @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu .dropdown-toggle:after {
    @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem];
  }
  .navbar-expand-xxl .navbar-nav .dropdown-menu.mega-menu {
    @apply mx-3;
  }
  .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-menu {
    @apply invisible pointer-events-none opacity-0 block top-[120%];
  }
  .navbar-expand-xxl:not(.hover-none)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full;
    pointer-events: all;
  }
  .navbar-expand-xxl:not(.hover-none) .navbar-nav .dropdown-submenu {
    @apply relative;
  }
  .navbar-expand-xxl:not(.hover-none)
    .navbar-nav
    .dropdown-submenu
    .dropdown-menu {
    @apply top-[30%];
  }
  .navbar-expand-xxl:not(.hover-none)
    .navbar-nav
    .dropdown-submenu.dropstart:before {
    @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-xxl:not(.hover-none)
    .navbar-nav
    .dropdown-submenu:hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0;
    pointer-events: all;
  }
  .navbar-expand-xxl .dropend > .dropdown-menu {
    @apply ml-2;
  }
  .navbar-expand-xxl .dropstart > .dropdown-menu {
    @apply mr-2;
  }
  .navbar-expand-xxl .offcanvas-nav {
    @apply flex-row;
    position: unset;
  }
  .navbar-expand-xxl .offcanvas-nav.offcanvas-end,
  .navbar-expand-xxl .offcanvas-nav.offcanvas-start {
    @apply w-full;
  }
  .navbar-expand-xxl.extended.navbar-bg-light:not(.fixed),
  .navbar-expand-xxl.fancy.navbar-bg-light:not(.fixed) {
    @apply !bg-inherit;
  }
  .navbar-expand-xxl.extended:not(.fixed) .navbar-collapse .nav-link {
    @apply py-[1.15rem];
  }
  .navbar-expand-xxl.fancy:not(.fixed) .navbar-collapse .nav-link {
    @apply py-5;
  }
  .navbar-expand-xxl[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed)
    .navbar-collapse
    .nav-link {
    @apply py-[1.7rem];
  }
  .navbar-expand-xxl.extended .navbar-collapse-wrapper,
  .navbar-expand-xxl.fancy .navbar-collapse-wrapper {
    @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem];
  }
  .navbar-expand-xxl.extended:not(.extended-alt):not(.fixed)
    .navbar-collapse-wrapper {
    @apply pl-2 pr-6 py-0;
  }
  .navbar-expand-xxl.extended.extended-alt:not(.fixed)
    .navbar-collapse-wrapper {
    @apply px-6 py-0;
  }
  .navbar-expand-xxl.fancy:not(.fixed) .navbar-collapse-wrapper {
    @apply mt-9 px-6 py-0;
  }
  .navbar-expand-xxl.extended:not(.extended-alt) .navbar-brand {
    @apply py-6;
  }
  .navbar-expand-xxl.extended.extended-alt .navbar-brand {
    @apply py-7;
  }
  .navbar-expand-xxl.fixed .topbar {
    @apply hidden;
  }
  .navbar-expand-xxl.navbar-dark:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-xxl.navbar-light:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-xxl.transparent.fixed
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu {
    @apply mt-2;
  }
  .navbar-expand-xxl .navbar-collapse .nav-link {
    @apply whitespace-nowrap;
  }
  .navbar-expand-xxl .navbar-collapse .nav-item.parent-link {
    @apply flex flex-row items-center;
  }
  .navbar-expand-xxl
    .navbar-collapse
    .nav-item.parent-link
    > .nav-link:first-child {
    @apply pr-0;
  }
  .navbar-expand-xxl .navbar-collapse .nav-item.parent-link .dropdown-toggle {
    @apply pl-0;
  }
  .navbar-expand-xxl .dropdown-lg-content > div + div,
  .navbar-expand-xxl
    .mega-menu-content
    > .row
    > [class*="col-"]
    + [class*="col-"] {
    @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid;
  }
  .navbar-expand-xxl .mega-menu-content {
    @apply pt-[0.6rem] pb-[0.2rem] px-1;
  }
  .navbar-expand-xxl .mega-menu-dark {
    @apply bg-[#2e353e];
  }
  .navbar-expand-xxl .mega-menu-dark .img-svg {
    @apply transition-all duration-[0.2s] ease-in-out;
    @apply bg-[rgba(255,255,255,.05)];
  }
  .navbar-expand-xxl .mega-menu-dark .img-svg:hover {
    @apply bg-[rgba(255,255,255,.09)];
  }
  .navbar-expand-xxl .mega-menu-dark .dropdown-item {
    @apply text-white;
  }
  .navbar-expand-xxl .mega-menu-dark .dropdown-item:focus,
  .navbar-expand-xxl .mega-menu-dark .dropdown-item:hover {
    @apply text-white;
  }
  .navbar-expand-xxl .mega-menu-img {
    @apply p-0;
  }
  .navbar-expand-xxl .mega-menu-img .mega-menu-content {
    @apply mx-0 my-[1.8rem] px-8 py-[0.2rem];
  }
  .navbar-expand-xxl .mega-menu-img .dropdown-item {
    @apply px-0;
  }
  .navbar-expand-xxl.caret-none
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply hidden;
  }
  .mega-menu-scroll {
    @apply h-[30.6rem];
  }
}
@media (min-width: 1200px) and (max-width: 1399.98px) {
  .mega-menu-scroll {
    @apply h-[26.2rem];
  }
}
@media (min-width: 1200px) {
  .navbar-expand-xl {
    @apply flex-nowrap justify-start;
  }
  .navbar-expand-xl .navbar-nav {
    @apply flex-row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu {
    @apply absolute;
  }
  .navbar-expand-xl .navbar-nav .nav-link {
    @apply px-[1rem];
  }
  .navbar-expand-xl .navbar-nav-scroll {
    @apply overflow-visible;
  }
  .navbar-expand-xl .navbar-collapse {
    @apply flex basis-auto;
  }
  .navbar-expand-xl .navbar-toggler {
    @apply hidden;
  }
  .navbar-expand-xl .offcanvas {
    @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none;
  }
  .navbar-expand-xl .offcanvas .offcanvas-header {
    @apply hidden;
  }
  .navbar-expand-xl .offcanvas .offcanvas-body {
    @apply flex grow-0 overflow-y-visible p-0;
  }
  .modal-xl {
    width: 1140px;
  }
  .glyphs li i:before {
    @apply text-[1.6rem];
  }
  .btn.btn-block.btn-lg {
    @apply !text-[1.4rem];
  }
  .btn.btn-expand i {
    @apply text-[1.35rem];
  }
  .btn.btn-expand.btn-lg i {
    @apply text-[1.35rem];
  }
  .navbar-expand-xl.navbar-light
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply text-[#22b573];
  }
  .navbar-expand-xl .dropdown-mega,
  .navbar-expand-xl .navbar-nav {
    @apply static;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg {
    @apply pt-[1.6rem] pb-[1.3rem] px-1;
  }
  .navbar-expand-xl
    .navbar-nav
    .dropdown-menu.dropdown-lg
    .dropdown-lg-content {
    @apply flex flex-row;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
    @apply pt-0;
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu:before {
    @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu .dropdown-toggle:after {
    @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem];
  }
  .navbar-expand-xl .navbar-nav .dropdown-menu.mega-menu {
    @apply mx-3;
  }
  .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-menu {
    @apply invisible pointer-events-none opacity-0 block top-[120%];
  }
  .navbar-expand-xl:not(.hover-none)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full;
    pointer-events: all;
  }
  .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu {
    @apply relative;
  }
  .navbar-expand-xl:not(.hover-none)
    .navbar-nav
    .dropdown-submenu
    .dropdown-menu {
    @apply top-[30%];
  }
  .navbar-expand-xl:not(.hover-none)
    .navbar-nav
    .dropdown-submenu.dropstart:before {
    @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-xl:not(.hover-none)
    .navbar-nav
    .dropdown-submenu:hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0;
    pointer-events: all;
  }
  .navbar-expand-xl .dropend > .dropdown-menu {
    @apply ml-2;
  }
  .navbar-expand-xl .dropstart > .dropdown-menu {
    @apply mr-2;
  }
  .navbar-expand-xl .offcanvas-nav {
    @apply flex-row;
    position: unset;
  }
  .navbar-expand-xl .offcanvas-nav.offcanvas-end,
  .navbar-expand-xl .offcanvas-nav.offcanvas-start {
    @apply w-full;
  }
  .navbar-expand-xl.extended.navbar-bg-light:not(.fixed),
  .navbar-expand-xl.fancy.navbar-bg-light:not(.fixed) {
    @apply !bg-black;
  }
  .navbar-expand-xl.extended:not(.fixed) .navbar-collapse .nav-link {
    @apply py-[1.15rem];
  }
  .navbar-expand-xl.fancy:not(.fixed) .navbar-collapse .nav-link {
    @apply py-5;
  }
  .navbar-expand-xl[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed)
    .navbar-collapse
    .nav-link {
    @apply py-[1.7rem];
  }
  .navbar-expand-xl.extended .navbar-collapse-wrapper,
  .navbar-expand-xl.fancy .navbar-collapse-wrapper {
    @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem];
  }
  .navbar-expand-xl.extended:not(.extended-alt):not(.fixed)
    .navbar-collapse-wrapper {
    @apply pl-2 pr-6 py-0;
  }
  .navbar-expand-xl.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
    @apply px-6 py-0;
  }
  .navbar-expand-xl.fancy:not(.fixed) .navbar-collapse-wrapper {
    @apply mt-9 px-6 py-0;
  }
  .navbar-expand-xl.extended:not(.extended-alt) .navbar-brand {
    @apply py-6;
  }
  .navbar-expand-xl.extended.extended-alt .navbar-brand {
    @apply py-7;
  }
  .navbar-expand-xl.fixed .topbar {
    @apply hidden;
  }
  .navbar-expand-xl.navbar-dark:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-xl.navbar-light:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-xl.transparent.fixed
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu {
    @apply mt-2;
  }
  .navbar-expand-xl .navbar-collapse .nav-link {
    @apply whitespace-nowrap;
  }
  .navbar-expand-xl .navbar-collapse .nav-item.parent-link {
    @apply flex flex-row items-center;
  }
  .navbar-expand-xl
    .navbar-collapse
    .nav-item.parent-link
    > .nav-link:first-child {
    @apply pr-0;
  }
  .navbar-expand-xl .navbar-collapse .nav-item.parent-link .dropdown-toggle {
    @apply pl-0;
  }
  .navbar-expand-xl .dropdown-lg-content > div + div,
  .navbar-expand-xl
    .mega-menu-content
    > .row
    > [class*="col-"]
    + [class*="col-"] {
    @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid;
  }
  .navbar-expand-xl .mega-menu-content {
    @apply pt-[0.6rem] pb-[0.2rem] px-1;
  }
  .navbar-expand-xl .mega-menu-dark {
    @apply bg-[#2e353e];
  }
  .navbar-expand-xl .mega-menu-dark .img-svg {
    @apply transition-all duration-[0.2s] ease-in-out;
    @apply bg-[rgba(255,255,255,.05)];
  }
  .navbar-expand-xl .mega-menu-dark .img-svg:hover {
    @apply bg-[rgba(255,255,255,.09)];
  }
  .navbar-expand-xl .mega-menu-dark .dropdown-item {
    @apply text-white;
  }
  .navbar-expand-xl .mega-menu-dark .dropdown-item:focus,
  .navbar-expand-xl .mega-menu-dark .dropdown-item:hover {
    @apply text-white;
  }
  .navbar-expand-xl .mega-menu-img {
    @apply p-0;
  }
  .navbar-expand-xl .mega-menu-img .mega-menu-content {
    @apply mx-0 my-[1.8rem] px-8 py-[0.2rem];
  }
  .navbar-expand-xl .mega-menu-img .dropdown-item {
    @apply px-0;
  }
  .navbar-expand-xl.caret-none
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply hidden;
  }
  .navbar-expand .navbar-other .nav-item .nav-link > i {
    @apply text-[1.3rem];
  }
  .overlay:not(.caption-overlay) i {
    @apply text-[1.4rem];
  }
  .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-value {
    @apply text-[2.4rem];
  }
  .projects-overflow .project-details {
    @apply max-w-[24rem];
  }
  #comments ul.children li.comment:before {
    @apply text-[2rem];
  }
}
@media (max-width: 1399.98px) {
  .table-responsive-xxl {
    @apply overflow-x-auto;
    -webkit-overflow-scrolling: touch;
  }
  .underline-3.style-1:after,
  .underline-3.style-1:before {
    @apply hidden;
  }
  .navbar-expand-xxl .offcanvas-nav {
    @apply overflow-x-hidden overflow-y-auto flex-col;
  }
  .navbar-expand-xxl .offcanvas-nav .offcanvas-body,
  .navbar-expand-xxl .offcanvas-nav .offcanvas-footer,
  .navbar-expand-xxl .offcanvas-nav .offcanvas-header {
    @apply w-full;
  }
  .navbar-expand-xxl .offcanvas-nav .offcanvas-body {
    @apply grow-0;
    overflow-y: unset;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu {
    @apply mt-0 p-0 bg-black;
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item {
    @apply text-white pl-4 py-[0.3rem];
  }
  .navbar-expand-xxl .navbar-collapse .nav-link,
  .navbar-expand-xxl .navbar-collapse .nav-link.active,
  .navbar-expand-xxl .navbar-collapse .nav-link:focus,
  .navbar-expand-xxl .navbar-collapse .nav-link:hover,
  .navbar-expand-xxl .navbar-collapse .show > .nav-link {
    @apply text-white;
  }
  .navbar-expand-xxl .navbar-collapse .nav-link {
    @apply py-[0.3rem];
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after {
    @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem];
  }
  .navbar-expand-xxl .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
    @apply top-[0.3rem];
  }
  .navbar-expand-xxl .dropdown-header {
    @apply mt-2 px-4;
  }
  .navbar-expand-xxl .dropend .dropdown-toggle:after,
  .navbar-expand-xxl .dropstart .dropdown-toggle:after {
    @apply content-["\e92d"];
  }
  .navbar-expand-xxl .dropstart .dropdown-menu[data-bs-popper] {
    @apply ml-3 mr-0;
  }
  .navbar-expand-xxl .dropdown-toggle:after {
    @apply top-1;
  }
  .navbar-expand-xxl .language-select .dropdown-toggle:after {
    vertical-align: 0 !important;
  }
  .navbar-expand-xxl .navbar-other .nav-item.language-select .nav-link {
    @apply text-[1.05rem];
  }
  .navbar-expand-xxl .navbar-other .nav-item .nav-link > i {
    @apply text-[calc(1.255rem_+_0.06vw)];
  }
  .navbar-expand-xxl .navbar-brand {
    @apply py-[1.2rem];
  }
  .navbar-expand-xxl.fancy .navbar-collapse-wrapper {
    @apply shadow-none !bg-black;
  }
  .navbar-expand-xxl.center-logo.fixed .offcanvas-header .logo-light {
    @apply inline-block;
  }
  .navbar-expand-xxl.center-logo.fixed .offcanvas-header .logo-dark {
    @apply hidden;
  }
  .navbar-expand-xxl .nav-item.parent-link .dropdown-toggle {
    @apply py-0;
  }
}
@media (max-width: 1199.98px) {
  .table-responsive-xl {
    @apply overflow-x-auto;
    -webkit-overflow-scrolling: touch;
  }

  .border-radius-lg-top {
    @apply rounded-t-none;
  }

  .navbar-expand-xl .offcanvas-nav {
    @apply overflow-x-hidden overflow-y-auto flex-col;
  }
  .navbar-expand-xl .offcanvas-nav .offcanvas-body,
  .navbar-expand-xl .offcanvas-nav .offcanvas-footer,
  .navbar-expand-xl .offcanvas-nav .offcanvas-header {
    @apply w-full;
  }
  .navbar-expand-xl .offcanvas-nav .offcanvas-body {
    @apply grow-0;
    overflow-y: unset;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu {
    @apply mt-0 p-0 bg-black;
  }
  .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item {
    @apply text-white pl-4 py-[0.3rem];
  }
  .navbar-expand-xl .navbar-collapse .nav-link,
  .navbar-expand-xl .navbar-collapse .nav-link.active,
  .navbar-expand-xl .navbar-collapse .nav-link:focus,
  .navbar-expand-xl .navbar-collapse .nav-link:hover,
  .navbar-expand-xl .navbar-collapse .show > .nav-link {
    @apply text-white;
  }
  .navbar-expand-xl .navbar-collapse .nav-link {
    @apply py-[0.3rem];
  }
  .navbar-expand-xl .navbar-collapse .dropdown-toggle:after {
    @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem];
  }
  .navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
    @apply top-[0.3rem];
  }
  .navbar-expand-xl .dropdown-header {
    @apply mt-2 px-4;
  }
  .navbar-expand-xl .dropend .dropdown-toggle:after,
  .navbar-expand-xl .dropstart .dropdown-toggle:after {
    @apply content-["\e92d"];
  }
  .navbar-expand-xl .dropstart .dropdown-menu[data-bs-popper] {
    @apply ml-3 mr-0;
  }
  .navbar-expand-xl .dropdown-toggle:after {
    @apply top-1;
  }
  .navbar-expand-xl .language-select .dropdown-toggle:after {
    vertical-align: 0 !important;
  }
  .navbar-expand-xl .navbar-other .nav-item.language-select .nav-link {
    @apply text-[1.05rem];
  }
  .navbar-expand-xl .navbar-other .nav-item .nav-link > i {
    @apply text-[calc(1.255rem_+_0.06vw)];
  }

  .navbar-expand-xl .navbar-brand {
    @apply py-[1.2rem];
  }

  .navbar-expand-xl.fancy .navbar-collapse-wrapper {
    @apply shadow-none !bg-black;
  }

  .navbar-expand-xl.center-logo.fixed .offcanvas-header .logo-light {
    @apply inline-block;
  }
  .navbar-expand-xl.center-logo.fixed .offcanvas-header .logo-dark {
    @apply hidden;
  }

  .navbar-expand-xl .nav-item.parent-link .dropdown-toggle {
    @apply py-0;
  }

  .swiper-fullscreen,
  .swiper-fullscreen .swiper:not(.swiper-thumbs) .swiper-slide {
    @apply h-[750px];
  }
}
@media (min-width: 992px) {
  .navbar-expand-lg {
    @apply flex-nowrap justify-start;
  }
  .navbar-expand-lg .navbar-nav {
    @apply flex-row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu {
    @apply absolute;
  }
  .navbar-expand-lg .navbar-nav .nav-link {
    @apply px-[1rem];
  }
  .navbar-expand-lg .navbar-nav-scroll {
    @apply overflow-visible;
  }
  .navbar-expand-lg .navbar-collapse {
    @apply flex basis-auto;
  }
  .navbar-expand-lg .navbar-toggler {
    @apply hidden;
  }
  .navbar-expand-lg .offcanvas {
    @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none;
  }
  .navbar-expand-lg .offcanvas .offcanvas-header {
    @apply hidden;
  }
  .navbar-expand-lg .offcanvas .offcanvas-body {
    @apply flex grow-0 overflow-y-visible p-0;
  }
  .modal-lg,
  .modal-xl {
    width: 800px;
  }
  .sticky-lg-top {
    @apply sticky z-[1020] top-0;
  }
  .sticky-lg-bottom {
    @apply sticky z-[1020] bottom-0;
  }
  .float-lg-start {
    @apply float-left;
  }
  .float-lg-end {
    @apply float-right;
  }
  .float-lg-none {
    @apply float-none;
  }
  .object-fit-lg-contain {
    @apply object-contain;
    -o-object-fit: contain !important;
  }
  .object-fit-lg-cover {
    @apply object-cover;
    -o-object-fit: cover !important;
  }
  .object-fit-lg-fill {
    @apply object-fill;
    -o-object-fit: fill !important;
  }
  .object-fit-lg-scale {
    @apply object-scale-down;
    -o-object-fit: scale-down !important;
  }
  .object-fit-lg-none {
    @apply object-none;
    -o-object-fit: none !important;
  }
  .d-lg-inline {
    @apply inline;
  }
  .d-lg-inline-block {
    @apply inline-block;
  }
  .d-lg-block {
    @apply block;
  }
  .d-lg-grid {
    @apply grid;
  }
  .d-lg-inline-grid {
    @apply inline-grid;
  }
  .d-lg-table {
    @apply table;
  }
  .d-lg-table-row {
    @apply table-row;
  }
  .d-lg-table-cell {
    @apply table-cell;
  }
  .d-lg-flex {
    @apply flex;
  }
  .d-lg-inline-flex {
    @apply inline-flex;
  }
  .flex-lg-fill {
    @apply flex-auto;
  }
  .flex-lg-row-reverse {
    @apply flex-row-reverse;
  }
  .flex-lg-column-reverse {
    @apply flex-col-reverse;
  }
  .flex-lg-grow-0 {
    @apply grow-0;
  }
  .flex-lg-grow-1 {
    @apply grow;
  }
  .flex-lg-shrink-0 {
    @apply shrink-0;
  }
  .flex-lg-shrink-1 {
    @apply shrink;
  }
  .flex-lg-wrap {
    @apply flex-wrap;
  }
  .flex-lg-nowrap {
    @apply flex-nowrap;
  }
  .flex-lg-wrap-reverse {
    @apply flex-wrap-reverse;
  }
  .justify-content-lg-start {
    @apply lg:!justify-start;
  }
  .justify-content-lg-end {
    @apply lg:!justify-end;
  }
  .justify-content-lg-center {
    @apply lg:!justify-center;
  }
  .justify-content-lg-between {
    @apply lg:!justify-between;
  }
  .justify-content-lg-around {
    @apply lg:!justify-around;
  }
  .justify-content-lg-evenly {
    @apply lg:!justify-evenly;
  }
  .align-items-lg-start {
    @apply lg:!items-start;
  }
  .align-items-lg-end {
    @apply lg:!items-end;
  }
  .align-items-lg-center {
    @apply lg:!items-center;
  }
  .align-items-lg-baseline {
    @apply lg:!items-baseline;
  }
  .align-items-lg-stretch {
    @apply lg:!items-stretch;
  }
  .order-lg-first {
    @apply lg:!-order-1;
  }
  .order-lg-0 {
    @apply lg:!order-none;
  }
  .order-lg-1 {
    @apply lg:!order-1;
  }
  .order-lg-2 {
    @apply lg:!order-2;
  }
  .order-lg-3 {
    @apply lg:!order-3;
  }
  .order-lg-4 {
    @apply lg:!order-4;
  }
  .order-lg-5 {
    @apply lg:!order-5;
  }
  .order-lg-last {
    @apply lg:!order-6;
  }
  .m-lg-0 {
    @apply m-0;
  }
  .m-lg-1 {
    @apply m-1;
  }
  .m-lg-2 {
    @apply m-2;
  }
  .m-lg-3 {
    @apply m-3;
  }
  .m-lg-4 {
    @apply m-4;
  }
  .m-lg-5 {
    @apply m-5;
  }
  .m-lg-6 {
    @apply m-6;
  }
  .m-lg-7 {
    @apply m-7;
  }
  .m-lg-8 {
    @apply m-8;
  }
  .m-lg-9 {
    @apply m-9;
  }
  .m-lg-10 {
    @apply m-10;
  }
  .m-lg-11 {
    @apply m-12;
  }
  .m-lg-12 {
    @apply m-14;
  }
  .m-lg-13 {
    @apply m-16;
  }
  .m-lg-14 {
    @apply m-[4.5rem];
  }
  .m-lg-15 {
    @apply m-20;
  }
  .m-lg-16 {
    @apply m-24;
  }
  .m-lg-17 {
    @apply m-28;
  }
  .m-lg-18 {
    @apply m-32;
  }
  .m-lg-19 {
    @apply m-36;
  }
  .m-lg-20 {
    @apply m-40;
  }
  .m-lg-21 {
    @apply m-[12.5rem];
  }
  .m-lg-22 {
    @apply m-60;
  }
  .m-lg-23 {
    @apply m-[17.5rem];
  }
  .m-lg-24 {
    @apply m-80;
  }
  .m-lg-25 {
    @apply m-[22.5rem];
  }
  .m-lg-auto {
    @apply m-auto;
  }
  .mx-lg-0 {
    @apply mx-0;
  }
  .mx-lg-1 {
    @apply mx-1;
  }
  .mx-lg-2 {
    @apply mx-2;
  }
  .mx-lg-3 {
    @apply mx-3;
  }
  .mx-lg-4 {
    @apply mx-4;
  }
  .mx-lg-5 {
    @apply mx-5;
  }
  .mx-lg-6 {
    @apply lg:mx-6;
  }
  .mx-lg-7 {
    @apply mx-7;
  }
  .mx-lg-8 {
    @apply mx-8;
  }
  .mx-lg-9 {
    @apply mx-9;
  }
  .mx-lg-10 {
    @apply lg:mx-10;
  }
  .mx-lg-11 {
    @apply mx-12;
  }
  .mx-lg-12 {
    @apply mx-14;
  }
  .mx-lg-13 {
    @apply mx-16;
  }
  .mx-lg-14 {
    @apply mx-[4.5rem];
  }
  .mx-lg-15 {
    @apply mx-20;
  }
  .mx-lg-16 {
    @apply mx-24;
  }
  .mx-lg-17 {
    @apply mx-28;
  }
  .mx-lg-18 {
    @apply mx-32;
  }
  .mx-lg-19 {
    @apply mx-36;
  }
  .mx-lg-20 {
    @apply mx-40;
  }
  .mx-lg-21 {
    @apply mx-[12.5rem];
  }
  .mx-lg-22 {
    @apply mx-60;
  }
  .mx-lg-23 {
    @apply mx-[17.5rem];
  }
  .mx-lg-24 {
    @apply mx-80;
  }
  .mx-lg-25 {
    @apply mx-[22.5rem];
  }
  .mx-lg-auto {
    @apply lg:mx-auto;
  }
  .my-lg-0 {
    @apply my-0;
  }
  .my-lg-1 {
    @apply my-1;
  }
  .my-lg-2 {
    @apply my-2;
  }
  .my-lg-3 {
    @apply my-3;
  }
  .my-lg-4 {
    @apply my-4;
  }
  .my-lg-5 {
    @apply my-5;
  }
  .my-lg-6 {
    @apply my-6;
  }
  .my-lg-7 {
    @apply my-7;
  }
  .my-lg-8 {
    @apply my-8;
  }
  .my-lg-9 {
    @apply my-9;
  }
  .my-lg-10 {
    @apply my-10;
  }
  .my-lg-11 {
    @apply my-12;
  }
  .my-lg-12 {
    @apply my-14;
  }
  .my-lg-13 {
    @apply my-16;
  }
  .my-lg-14 {
    @apply my-[4.5rem];
  }
  .my-lg-15 {
    @apply my-20;
  }
  .my-lg-16 {
    @apply my-24;
  }
  .my-lg-17 {
    @apply my-28;
  }
  .my-lg-18 {
    @apply my-32;
  }
  .my-lg-19 {
    @apply my-36;
  }
  .my-lg-20 {
    @apply my-40;
  }
  .my-lg-21 {
    @apply my-[12.5rem];
  }
  .my-lg-22 {
    @apply my-60;
  }
  .my-lg-23 {
    @apply my-[17.5rem];
  }
  .my-lg-24 {
    @apply my-80;
  }
  .my-lg-25 {
    @apply my-[22.5rem];
  }
  .my-lg-auto {
    @apply my-auto;
  }
  .mt-lg-0 {
    @apply lg:!mt-0;
  }
  .mt-lg-1 {
    @apply lg:!mt-1;
  }
  .mt-lg-2 {
    @apply lg:!mt-2;
  }
  .mt-lg-3 {
    @apply lg:!mt-3;
  }
  .mt-lg-4 {
    @apply lg:!mt-4;
  }
  .mt-lg-5 {
    @apply lg:!mt-5;
  }
  .mt-lg-6 {
    @apply lg:!mt-6;
  }
  .mt-lg-7 {
    @apply lg:!mt-7;
  }
  .mt-lg-8 {
    @apply lg:!mt-8;
  }
  .mt-lg-9 {
    @apply lg:!mt-9;
  }
  .mt-lg-10 {
    @apply lg:!mt-10;
  }
  .mt-lg-11 {
    @apply lg:!mt-12;
  }
  .mt-lg-12 {
    @apply lg:!mt-14;
  }
  .mt-lg-13 {
    @apply lg:!mt-16;
  }
  .mt-lg-14 {
    @apply lg:!mt-[4.5rem];
  }
  .mt-lg-15 {
    @apply lg:!mt-20;
  }
  .mt-lg-16 {
    @apply lg:!mt-24;
  }
  .mt-lg-17 {
    @apply lg:!mt-28;
  }
  .mt-lg-18 {
    @apply lg:!mt-32;
  }
  .mt-lg-19 {
    @apply lg:!mt-36;
  }
  .mt-lg-20 {
    @apply lg:!mt-40;
  }
  .mt-lg-21 {
    @apply lg:!mt-[12.5rem];
  }
  .mt-lg-22 {
    @apply lg:!mt-60;
  }
  .mt-lg-23 {
    @apply lg:!mt-[17.5rem];
  }
  .mt-lg-24 {
    @apply lg:!mt-80;
  }
  .mt-lg-25 {
    @apply lg:!mt-[22.5rem];
  }
  .mt-lg-auto {
    @apply lg:!mt-auto;
  }
  .me-lg-0 {
    @apply lg:!mr-0;
  }
  .me-lg-1 {
    @apply lg:!mr-1;
  }
  .me-lg-2 {
    @apply lg:!mr-2;
  }
  .me-lg-3 {
    @apply lg:!mr-3;
  }
  .me-lg-4 {
    @apply lg:!mr-4;
  }
  .me-lg-5 {
    @apply lg:!mr-5;
  }
  .me-lg-6 {
    @apply lg:!mr-6;
  }
  .me-lg-7 {
    @apply lg:!mr-7;
  }
  .me-lg-8 {
    @apply lg:!mr-8;
  }
  .me-lg-9 {
    @apply lg:!mr-9;
  }
  .me-lg-10 {
    @apply lg:!mr-10;
  }
  .me-lg-11 {
    @apply lg:!mr-12;
  }
  .me-lg-12 {
    @apply lg:!mr-14;
  }
  .me-lg-13 {
    @apply lg:!mr-16;
  }
  .me-lg-14 {
    @apply lg:!mr-[4.5rem];
  }
  .me-lg-15 {
    @apply lg:!mr-20;
  }
  .me-lg-16 {
    @apply lg:!mr-24;
  }
  .me-lg-17 {
    @apply lg:!mr-28;
  }
  .me-lg-18 {
    @apply lg:!mr-32;
  }
  .me-lg-19 {
    @apply lg:!mr-36;
  }
  .me-lg-20 {
    @apply lg:!mr-40;
  }
  .me-lg-21 {
    @apply lg:!mr-[12.5rem];
  }
  .me-lg-22 {
    @apply lg:!mr-60;
  }
  .me-lg-23 {
    @apply lg:!mr-[17.5rem];
  }
  .me-lg-24 {
    @apply lg:!mr-80;
  }
  .me-lg-25 {
    @apply lg:!mr-[22.5rem];
  }
  .me-lg-auto {
    @apply lg:!mr-auto;
  }
  .mb-lg-0 {
    @apply lg:!mb-0;
  }
  .mb-lg-1 {
    @apply lg:!mb-1;
  }
  .mb-lg-2 {
    @apply lg:!mb-2;
  }
  .mb-lg-3 {
    @apply lg:!mb-3;
  }
  .mb-lg-4 {
    @apply lg:!mb-4;
  }
  .mb-lg-5 {
    @apply lg:!mb-5;
  }
  .mb-lg-6 {
    @apply lg:!mb-6;
  }
  .mb-lg-7 {
    @apply lg:!mb-7;
  }
  .mb-lg-8 {
    @apply lg:!mb-8;
  }
  .mb-lg-9 {
    @apply lg:!mb-9;
  }
  .mb-lg-10 {
    @apply lg:!mb-10;
  }
  .mb-lg-11 {
    @apply lg:!mb-12;
  }
  .mb-lg-12 {
    @apply lg:!mb-14;
  }
  .mb-lg-13 {
    @apply lg:!mb-16;
  }
  .mb-lg-14 {
    @apply lg:!mb-[4.5rem];
  }
  .mb-lg-15 {
    @apply lg:!mb-20;
  }
  .mb-lg-16 {
    @apply lg:!mb-24;
  }
  .mb-lg-17 {
    @apply lg:!mb-28;
  }
  .mb-lg-18 {
    @apply lg:!mb-32;
  }
  .mb-lg-19 {
    @apply lg:!mb-36;
  }
  .mb-lg-20 {
    @apply lg:!mb-40;
  }
  .mb-lg-21 {
    @apply lg:!mb-[12.5rem];
  }
  .mb-lg-22 {
    @apply lg:!mb-60;
  }
  .mb-lg-23 {
    @apply lg:!mb-[17.5rem];
  }
  .mb-lg-24 {
    @apply lg:!mb-80;
  }
  .mb-lg-25 {
    @apply lg:!mb-[22.5rem];
  }
  .mb-lg-auto {
    @apply lg:!mb-auto;
  }
  .ms-lg-0 {
    @apply lg:!ml-0;
  }
  .ms-lg-1 {
    @apply lg:!ml-1;
  }
  .ms-lg-2 {
    @apply lg:!ml-2;
  }
  .ms-lg-3 {
    @apply lg:!ml-3;
  }
  .ms-lg-4 {
    @apply lg:!ml-4;
  }
  .ms-lg-5 {
    @apply lg:!ml-5;
  }
  .ms-lg-6 {
    @apply lg:!ml-6;
  }
  .ms-lg-7 {
    @apply lg:!ml-7;
  }
  .ms-lg-8 {
    @apply lg:!ml-8;
  }
  .ms-lg-9 {
    @apply lg:!ml-9;
  }
  .ms-lg-10 {
    @apply lg:!ml-10;
  }
  .ms-lg-11 {
    @apply lg:!ml-12;
  }
  .ms-lg-12 {
    @apply lg:!ml-14;
  }
  .ms-lg-13 {
    @apply lg:!ml-16;
  }
  .ms-lg-14 {
    @apply lg:!ml-[4.5rem];
  }
  .ms-lg-15 {
    @apply lg:!ml-20;
  }
  .ms-lg-16 {
    @apply lg:!ml-24;
  }
  .ms-lg-17 {
    @apply lg:!ml-28;
  }
  .ms-lg-18 {
    @apply lg:!ml-32;
  }
  .ms-lg-19 {
    @apply lg:!ml-36;
  }
  .ms-lg-20 {
    @apply lg:!ml-40;
  }
  .ms-lg-21 {
    @apply lg:!ml-[12.5rem];
  }
  .ms-lg-22 {
    @apply lg:!ml-60;
  }
  .ms-lg-23 {
    @apply lg:!ml-[17.5rem];
  }
  .ms-lg-24 {
    @apply lg:!ml-80;
  }
  .ms-lg-25 {
    @apply lg:!ml-[22.5rem];
  }
  .ms-lg-auto {
    @apply lg:!ml-auto;
  }
  .m-lg-n1 {
    @apply mt-[-0.25rem] mr-[-0.25rem] mb-[-0.25rem] ml-[-0.25rem];
  }
  .m-lg-n2 {
    @apply mt-[-0.5rem] mr-[-0.5rem] mb-[-0.5rem] ml-[-0.5rem];
  }
  .m-lg-n3 {
    @apply mt-[-0.75rem] mr-[-0.75rem] mb-[-0.75rem] ml-[-0.75rem];
  }
  .m-lg-n4 {
    @apply mt-[-1rem] mr-[-1rem] mb-[-1rem] ml-[-1rem];
  }
  .m-lg-n5 {
    @apply mt-[-1.25rem] mr-[-1.25rem] mb-[-1.25rem] ml-[-1.25rem];
  }
  .m-lg-n6 {
    @apply mt-[-1.5rem] mr-[-1.5rem] mb-[-1.5rem] ml-[-1.5rem];
  }
  .m-lg-n7 {
    @apply mt-[-1.75rem] mr-[-1.75rem] mb-[-1.75rem] ml-[-1.75rem];
  }
  .m-lg-n8 {
    @apply mt-[-2rem] mr-[-2rem] mb-[-2rem] ml-[-2rem];
  }
  .m-lg-n9 {
    @apply mt-[-2.25rem] mr-[-2.25rem] mb-[-2.25rem] ml-[-2.25rem];
  }
  .m-lg-n10 {
    @apply mt-[-2.5rem] mr-[-2.5rem] mb-[-2.5rem] ml-[-2.5rem];
  }
  .m-lg-n11 {
    @apply mt-[-3rem] mr-[-3rem] mb-[-3rem] ml-[-3rem];
  }
  .m-lg-n12 {
    @apply mt-[-3.5rem] mr-[-3.5rem] mb-[-3.5rem] ml-[-3.5rem];
  }
  .m-lg-n13 {
    @apply mt-[-4rem] mr-[-4rem] mb-[-4rem] ml-[-4rem];
  }
  .m-lg-n14 {
    @apply mt-[-4.5rem] mr-[-4.5rem] mb-[-4.5rem] ml-[-4.5rem];
  }
  .m-lg-n15 {
    @apply mt-[-5rem] mr-[-5rem] mb-[-5rem] ml-[-5rem];
  }
  .m-lg-n18 {
    @apply mt-[-8rem] mr-[-8rem] mb-[-8rem] ml-[-8rem];
  }
  .m-lg-n19 {
    @apply mt-[-9rem] mr-[-9rem] mb-[-9rem] ml-[-9rem];
  }
  .m-lg-n20 {
    @apply mt-[-10rem] mr-[-10rem] mb-[-10rem] ml-[-10rem];
  }
  .m-lg-n21 {
    @apply mt-[-12.5rem] mr-[-12.5rem] mb-[-12.5rem] ml-[-12.5rem];
  }
  .m-lg-n22 {
    @apply mt-[-15rem] mr-[-15rem] mb-[-15rem] ml-[-15rem];
  }
  .m-lg-n23 {
    @apply mt-[-17.5rem] mr-[-17.5rem] mb-[-17.5rem] ml-[-17.5rem];
  }
  .m-lg-n24 {
    @apply mt-[-20rem] mr-[-20rem] mb-[-20rem] ml-[-20rem];
  }
  .m-lg-n25 {
    @apply mt-[-22.5rem] mr-[-22.5rem] mb-[-22.5rem] ml-[-22.5rem];
  }
  .mx-lg-n1 {
    @apply mr-[-0.25rem] ml-[-0.25rem];
  }
  .mx-lg-n2 {
    @apply mr-[-0.5rem] ml-[-0.5rem];
  }
  .mx-lg-n3 {
    @apply mr-[-0.75rem] ml-[-0.75rem];
  }
  .mx-lg-n4 {
    @apply mr-[-1rem] ml-[-1rem];
  }
  .mx-lg-n5 {
    @apply mr-[-1.25rem] ml-[-1.25rem];
  }
  .mx-lg-n6 {
    @apply mr-[-1.5rem] ml-[-1.5rem];
  }
  .mx-lg-n7 {
    @apply mr-[-1.75rem] ml-[-1.75rem];
  }
  .mx-lg-n8 {
    @apply mr-[-2rem] ml-[-2rem];
  }
  .mx-lg-n9 {
    @apply mr-[-2.25rem] ml-[-2.25rem];
  }
  .mx-lg-n10 {
    @apply lg:mx-[-2.5rem];
  }
  .mx-lg-n11 {
    @apply mr-[-3rem] ml-[-3rem];
  }
  .mx-lg-n12 {
    @apply mr-[-3.5rem] ml-[-3.5rem];
  }
  .mx-lg-n13 {
    @apply mr-[-4rem] ml-[-4rem];
  }
  .mx-lg-n14 {
    @apply mr-[-4.5rem] ml-[-4.5rem];
  }
  .mx-lg-n15 {
    @apply mr-[-5rem] ml-[-5rem];
  }
  .mx-lg-n16 {
    @apply mr-[-6rem] ml-[-6rem];
  }
  .mx-lg-n17 {
    @apply mr-[-7rem] ml-[-7rem];
  }
  .mx-lg-n18 {
    @apply mr-[-8rem] ml-[-8rem];
  }
  .mx-lg-n19 {
    @apply mr-[-9rem] ml-[-9rem];
  }
  .mx-lg-n20 {
    @apply mr-[-10rem] ml-[-10rem];
  }
  .mx-lg-n21 {
    @apply mr-[-12.5rem] ml-[-12.5rem];
  }
  .mx-lg-n22 {
    @apply mr-[-15rem] ml-[-15rem];
  }
  .mx-lg-n23 {
    @apply mr-[-17.5rem] ml-[-17.5rem];
  }
  .mx-lg-n24 {
    @apply mr-[-20rem] ml-[-20rem];
  }
  .mx-lg-n25 {
    @apply mr-[-22.5rem] ml-[-22.5rem];
  }
  .my-lg-n1 {
    @apply mt-[-0.25rem] mb-[-0.25rem];
  }
  .my-lg-n2 {
    @apply mt-[-0.5rem] mb-[-0.5rem];
  }
  .my-lg-n3 {
    @apply mt-[-0.75rem] mb-[-0.75rem];
  }
  .my-lg-n4 {
    @apply mt-[-1rem] mb-[-1rem];
  }
  .my-lg-n5 {
    @apply mt-[-1.25rem] mb-[-1.25rem];
  }
  .my-lg-n6 {
    @apply mt-[-1.5rem] mb-[-1.5rem];
  }
  .my-lg-n7 {
    @apply mt-[-1.75rem] mb-[-1.75rem];
  }
  .my-lg-n8 {
    @apply mt-[-2rem] mb-[-2rem];
  }
  .my-lg-n9 {
    @apply mt-[-2.25rem] mb-[-2.25rem];
  }
  .my-lg-n10 {
    @apply mt-[-2.5rem] mb-[-2.5rem];
  }
  .my-lg-n11 {
    @apply mt-[-3rem] mb-[-3rem];
  }
  .my-lg-n12 {
    @apply mt-[-3.5rem] mb-[-3.5rem];
  }
  .my-lg-n13 {
    @apply mt-[-4rem] mb-[-4rem];
  }
  .my-lg-n14 {
    @apply mt-[-4.5rem] mb-[-4.5rem];
  }
  .my-lg-n15 {
    @apply mt-[-5rem] mb-[-5rem];
  }
  .my-lg-n16 {
    @apply mt-[-6rem] mb-[-6rem];
  }
  .my-lg-n17 {
    @apply mt-[-7rem] mb-[-7rem];
  }
  .my-lg-n18 {
    @apply mt-[-8rem] mb-[-8rem];
  }
  .my-lg-n19 {
    @apply mt-[-9rem] mb-[-9rem];
  }
  .my-lg-n20 {
    @apply mt-[-10rem] mb-[-10rem];
  }
  .my-lg-n21 {
    @apply mt-[-12.5rem] mb-[-12.5rem];
  }
  .my-lg-n22 {
    @apply mt-[-15rem] mb-[-15rem];
  }
  .my-lg-n23 {
    @apply mt-[-17.5rem] mb-[-17.5rem];
  }
  .my-lg-n24 {
    @apply mt-[-20rem] mb-[-20rem];
  }
  .my-lg-n25 {
    @apply mt-[-22.5rem] mb-[-22.5rem];
  }
  .mt-lg-n1 {
    @apply lg:!mt-[-0.25rem];
  }
  .mt-lg-n2 {
    @apply lg:!mt-[-0.5rem];
  }
  .mt-lg-n3 {
    @apply lg:!mt-[-0.75rem];
  }
  .mt-lg-n4 {
    @apply lg:!mt-[-1rem];
  }
  .mt-lg-n5 {
    @apply lg:!mt-[-1.25rem];
  }
  .mt-lg-n6 {
    @apply lg:!mt-[-1.5rem];
  }
  .mt-lg-n7 {
    @apply lg:!mt-[-1.75rem];
  }
  .mt-lg-n8 {
    @apply lg:!mt-[-2rem];
  }
  .mt-lg-n9 {
    @apply lg:!mt-[-2.25rem];
  }
  .mt-lg-n10 {
    @apply lg:!mt-[-2.5rem];
  }
  .mt-lg-n11 {
    @apply lg:!mt-[-3rem];
  }
  .mt-lg-n12 {
    @apply lg:!mt-[-3.5rem];
  }
  .mt-lg-n13 {
    @apply lg:!mt-[-4rem];
  }
  .mt-lg-n14 {
    @apply lg:!mt-[-4.5rem];
  }
  .mt-lg-n15 {
    @apply lg:!mt-[-5rem];
  }
  .mt-lg-n16 {
    @apply lg:!mt-[-6rem];
  }
  .mt-lg-n17 {
    @apply lg:!mt-[-7rem];
  }
  .mt-lg-n18 {
    @apply lg:!mt-[-8rem];
  }
  .mt-lg-n19 {
    @apply lg:!mt-[-9rem];
  }
  .mt-lg-n20 {
    @apply lg:!mt-[-10rem];
  }
  .mt-lg-n21 {
    @apply lg:!mt-[-12.5rem];
  }
  .mt-lg-n22 {
    @apply lg:!mt-[-15rem];
  }
  .mt-lg-n23 {
    @apply lg:!mt-[-17.5rem];
  }
  .mt-lg-n24 {
    @apply lg:!mt-[-20rem];
  }
  .mt-lg-n25 {
    @apply lg:!mt-[-22.5rem];
  }
  .me-lg-n1 {
    @apply lg:!mr-[-0.25rem];
  }
  .me-lg-n2 {
    @apply lg:!mr-[-0.5rem];
  }
  .me-lg-n3 {
    @apply lg:!mr-[-0.75rem];
  }
  .me-lg-n4 {
    @apply lg:!mr-[-1rem];
  }
  .me-lg-n5 {
    @apply lg:!mr-[-1.25rem];
  }
  .me-lg-n6 {
    @apply lg:!mr-[-1.5rem];
  }
  .me-lg-n7 {
    @apply lg:!mr-[-1.75rem];
  }
  .me-lg-n8 {
    @apply lg:!mr-[-2rem];
  }
  .me-lg-n9 {
    @apply lg:!mr-[-2.25rem];
  }
  .me-lg-n10 {
    @apply lg:!mr-[-2.5rem];
  }
  .me-lg-n11 {
    @apply lg:!mr-[-3rem];
  }
  .me-lg-n12 {
    @apply lg:!mr-[-3.5rem];
  }
  .me-lg-n13 {
    @apply lg:!mr-[-4rem];
  }
  .me-lg-n14 {
    @apply lg:!mr-[-4.5rem];
  }
  .me-lg-n15 {
    @apply lg:!mr-[-5rem];
  }
  .me-lg-n16 {
    @apply lg:!mr-[-6rem];
  }
  .me-lg-n17 {
    @apply lg:!mr-[-7rem];
  }
  .me-lg-n18 {
    @apply lg:!mr-[-8rem];
  }
  .me-lg-n19 {
    @apply lg:!mr-[-9rem];
  }
  .me-lg-n20 {
    @apply lg:!mr-[-10rem];
  }
  .me-lg-n21 {
    @apply lg:!mr-[-12.5rem];
  }
  .me-lg-n22 {
    @apply lg:!mr-[-15rem];
  }
  .me-lg-n23 {
    @apply lg:!mr-[-17.5rem];
  }
  .me-lg-n24 {
    @apply lg:!mr-[-20rem];
  }
  .me-lg-n25 {
    @apply lg:!mr-[-22.5rem];
  }
  .mb-lg-n1 {
    @apply lg:!mb-[-0.25rem];
  }
  .mb-lg-n2 {
    @apply lg:!mb-[-0.5rem];
  }
  .mb-lg-n3 {
    @apply lg:!mb-[-0.75rem];
  }
  .mb-lg-n4 {
    @apply lg:!mb-[-1rem];
  }
  .mb-lg-n5 {
    @apply lg:!mb-[-1.25rem];
  }
  .mb-lg-n6 {
    @apply lg:!mb-[-1.5rem];
  }
  .mb-lg-n7 {
    @apply lg:!mb-[-1.75rem];
  }
  .mb-lg-n8 {
    @apply lg:!mb-[-2rem];
  }
  .mb-lg-n9 {
    @apply lg:!mb-[-2.25rem];
  }
  .mb-lg-n10 {
    @apply lg:!mb-[-2.5rem];
  }
  .mb-lg-n11 {
    @apply lg:!mb-[-3rem];
  }
  .mb-lg-n12 {
    @apply lg:!mb-[-3.5rem];
  }
  .mb-lg-n13 {
    @apply lg:!mb-[-4rem];
  }
  .mb-lg-n14 {
    @apply lg:!mb-[-4.5rem];
  }
  .mb-lg-n15 {
    @apply lg:!mb-[-5rem];
  }
  .mb-lg-n16 {
    @apply lg:!mb-[-6rem];
  }
  .mb-lg-n17 {
    @apply lg:!mb-[-7rem];
  }
  .mb-lg-n18 {
    @apply lg:!mb-[-8rem];
  }
  .mb-lg-n19 {
    @apply lg:!mb-[-9rem];
  }
  .mb-lg-n20 {
    @apply lg:!mb-[-10rem];
  }
  .mb-lg-n21 {
    @apply lg:!mb-[-12.5rem];
  }
  .mb-lg-n22 {
    @apply lg:!mb-[-15rem];
  }
  .mb-lg-n23 {
    @apply lg:!mb-[-17.5rem];
  }
  .mb-lg-n24 {
    @apply lg:!mb-[-20rem];
  }
  .mb-lg-n25 {
    @apply lg:!mb-[-22.5rem];
  }
  .ms-lg-n1 {
    @apply lg:!ml-[-0.25rem];
  }
  .ms-lg-n2 {
    @apply lg:!ml-[-0.5rem];
  }
  .ms-lg-n3 {
    @apply lg:!ml-[-0.75rem];
  }
  .ms-lg-n4 {
    @apply lg:!ml-[-1rem];
  }
  .ms-lg-n5 {
    @apply lg:!ml-[-1.25rem];
  }
  .ms-lg-n6 {
    @apply lg:!ml-[-1.5rem];
  }
  .ms-lg-n7 {
    @apply lg:!ml-[-1.75rem];
  }
  .ms-lg-n8 {
    @apply lg:!ml-[-2rem];
  }
  .ms-lg-n9 {
    @apply lg:!ml-[-2.25rem];
  }
  .ms-lg-n10 {
    @apply lg:!ml-[-2.5rem];
  }
  .ms-lg-n11 {
    @apply lg:!ml-[-3rem];
  }
  .ms-lg-n12 {
    @apply lg:!ml-[-3.5rem];
  }
  .ms-lg-n13 {
    @apply lg:!ml-[-4rem];
  }
  .ms-lg-n14 {
    @apply lg:!ml-[-4.5rem];
  }
  .ms-lg-n15 {
    @apply lg:!ml-[-5rem];
  }
  .ms-lg-n16 {
    @apply lg:!ml-[-6rem];
  }
  .ms-lg-n17 {
    @apply lg:!ml-[-7rem];
  }
  .ms-lg-n18 {
    @apply lg:!ml-[-8rem];
  }
  .ms-lg-n19 {
    @apply lg:!ml-[-9rem];
  }
  .ms-lg-n20 {
    @apply lg:!ml-[-10rem];
  }
  .ms-lg-n21 {
    @apply lg:!ml-[-12.5rem];
  }
  .ms-lg-n22 {
    @apply lg:!ml-[-15rem];
  }
  .ms-lg-n23 {
    @apply lg:!ml-[-17.5rem];
  }
  .ms-lg-n24 {
    @apply lg:!ml-[-20rem];
  }
  .ms-lg-n25 {
    @apply lg:!ml-[-22.5rem];
  }
  .p-lg-0 {
    @apply p-0;
  }
  .p-lg-1 {
    @apply p-1;
  }
  .p-lg-2 {
    @apply p-2;
  }
  .p-lg-3 {
    @apply p-3;
  }
  .p-lg-4 {
    @apply p-4;
  }
  .p-lg-5 {
    @apply p-5;
  }
  .p-lg-6 {
    @apply p-6;
  }
  .p-lg-7 {
    @apply p-7;
  }
  .p-lg-8 {
    @apply p-8;
  }
  .p-lg-9 {
    @apply p-9;
  }
  .p-lg-10 {
    @apply p-10;
  }
  .p-lg-11 {
    @apply p-12;
  }
  .p-lg-12 {
    @apply p-14;
  }
  .p-lg-13 {
    @apply p-16;
  }
  .p-lg-14 {
    @apply p-[4.5rem];
  }
  .p-lg-15 {
    @apply p-20;
  }
  .p-lg-16 {
    @apply p-24;
  }
  .p-lg-17 {
    @apply p-28;
  }
  .p-lg-18 {
    @apply p-32;
  }
  .p-lg-19 {
    @apply p-36;
  }
  .p-lg-20 {
    @apply p-40;
  }
  .p-lg-21 {
    @apply p-[12.5rem];
  }
  .p-lg-22 {
    @apply p-60;
  }
  .p-lg-23 {
    @apply p-[17.5rem];
  }
  .p-lg-24 {
    @apply p-80;
  }
  .p-lg-25 {
    @apply p-[22.5rem];
  }
  .px-lg-0 {
    @apply lg:!px-0;
  }
  .px-lg-1 {
    @apply lg:!px-1;
  }
  .px-lg-2 {
    @apply lg:!px-2;
  }
  .px-lg-3 {
    @apply lg:!px-3;
  }
  .px-lg-4 {
    @apply lg:!px-4;
  }
  .px-lg-5 {
    @apply lg:!px-5;
  }
  .px-lg-6 {
    @apply lg:!px-6;
  }
  .px-lg-7 {
    @apply lg:!px-7;
  }
  .px-lg-8 {
    @apply lg:!px-8;
  }
  .px-lg-9 {
    @apply lg:!px-9;
  }
  .px-lg-10 {
    @apply lg:!px-10;
  }
  .px-lg-11 {
    @apply lg:!px-12;
  }
  .px-lg-12 {
    @apply lg:!px-14;
  }
  .px-lg-13 {
    @apply lg:!px-16;
  }
  .px-lg-14 {
    @apply lg:!px-[4.5rem];
  }
  .px-lg-15 {
    @apply lg:!px-20;
  }
  .px-lg-16 {
    @apply lg:!px-24;
  }
  .px-lg-17 {
    @apply lg:!px-28;
  }
  .px-lg-18 {
    @apply lg:!px-32;
  }
  .px-lg-19 {
    @apply lg:!px-36;
  }
  .px-lg-20 {
    @apply lg:!px-40;
  }
  .px-lg-21 {
    @apply lg:!px-[12.5rem];
  }
  .px-lg-22 {
    @apply lg:!px-60;
  }
  .px-lg-23 {
    @apply lg:!px-[17.5rem];
  }
  .px-lg-24 {
    @apply lg:!px-80;
  }
  .px-lg-25 {
    @apply lg:!px-[22.5rem];
  }
  .py-lg-0 {
    @apply lg:!py-0;
  }
  .py-lg-1 {
    @apply lg:!py-1;
  }
  .py-lg-2 {
    @apply lg:!py-2;
  }
  .py-lg-3 {
    @apply lg:!py-3;
  }
  .py-lg-4 {
    @apply lg:!py-4;
  }
  .py-lg-5 {
    @apply lg:!py-5;
  }
  .py-lg-6 {
    @apply lg:!py-6;
  }
  .py-lg-7 {
    @apply lg:!py-7;
  }
  .py-lg-8 {
    @apply lg:!py-8;
  }
  .py-lg-9 {
    @apply lg:!py-9;
  }
  .py-lg-10 {
    @apply lg:!py-10;
  }
  .py-lg-11 {
    @apply lg:!py-12;
  }
  .py-lg-12 {
    @apply lg:!py-14;
  }
  .py-lg-13 {
    @apply lg:!py-16;
  }
  .py-lg-14 {
    @apply lg:!py-[4.5rem];
  }
  .py-lg-15 {
    @apply lg:!py-20;
  }
  .py-lg-16 {
    @apply lg:!py-24;
  }
  .py-lg-17 {
    @apply lg:!py-28;
  }
  .py-lg-18 {
    @apply lg:!py-32;
  }
  .py-lg-19 {
    @apply lg:!py-36;
  }
  .py-lg-20 {
    @apply lg:!py-40;
  }
  .py-lg-21 {
    @apply lg:!py-[12.5rem];
  }
  .py-lg-22 {
    @apply lg:!py-60;
  }
  .py-lg-23 {
    @apply lg:!py-[17.5rem];
  }
  .py-lg-24 {
    @apply lg:!py-80;
  }
  .py-lg-25 {
    @apply lg:!py-[22.5rem];
  }
  .ps-lg-0 {
    @apply lg:!pl-0;
  }
  .ps-lg-1 {
    @apply lg:!pl-1;
  }
  .ps-lg-2 {
    @apply lg:!pl-2;
  }
  .ps-lg-3 {
    @apply lg:!pl-3;
  }
  .ps-lg-4 {
    @apply lg:!pl-4;
  }
  .ps-lg-5 {
    @apply lg:!pl-5;
  }
  .ps-lg-6 {
    @apply lg:!pl-6;
  }
  .ps-lg-7 {
    @apply lg:!pl-[1.75rem];
  }
  .ps-lg-8 {
    @apply lg:!pl-8;
  }
  .ps-lg-9 {
    @apply lg:!pl-9;
  }
  .ps-lg-10 {
    @apply lg:!pl-10;
  }
  .ps-lg-11 {
    @apply lg:!pl-12;
  }
  .ps-lg-12 {
    @apply lg:!pl-14;
  }
  .ps-lg-13 {
    @apply lg:!pl-16;
  }
  .ps-lg-14 {
    @apply lg:!pl-[4.5rem];
  }
  .ps-lg-15 {
    @apply lg:!pl-20;
  }
  .ps-lg-16 {
    @apply lg:!pl-24;
  }
  .ps-lg-17 {
    @apply lg:!pl-28;
  }
  .ps-lg-18 {
    @apply lg:!pl-32;
  }
  .ps-lg-19 {
    @apply lg:!pl-36;
  }
  .ps-lg-20 {
    @apply lg:!pl-40;
  }
  .ps-lg-21 {
    @apply lg:!pl-[12.5rem];
  }
  .ps-lg-22 {
    @apply lg:!pl-60;
  }
  .ps-lg-23 {
    @apply lg:!pl-[17.5rem];
  }
  .ps-lg-24 {
    @apply lg:!pl-80;
  }
  .ps-lg-25 {
    @apply lg:!pl-[22.5rem];
  }
  .gap-lg-0 {
    @apply gap-0;
  }
  .gap-lg-1 {
    @apply gap-1;
  }
  .gap-lg-2 {
    @apply gap-2;
  }
  .gap-lg-3 {
    @apply gap-3;
  }
  .gap-lg-4 {
    @apply gap-4;
  }
  .gap-lg-5 {
    @apply gap-5;
  }
  .gap-lg-6 {
    @apply gap-6;
  }
  .gap-lg-7 {
    @apply gap-7;
  }
  .gap-lg-8 {
    @apply gap-8;
  }
  .gap-lg-9 {
    @apply gap-9;
  }
  .gap-lg-10 {
    @apply gap-10;
  }
  .gap-lg-11 {
    @apply gap-12;
  }
  .gap-lg-12 {
    @apply gap-14;
  }
  .gap-lg-13 {
    @apply gap-16;
  }
  .gap-lg-14 {
    @apply gap-[4.5rem];
  }
  .gap-lg-15 {
    @apply gap-20;
  }
  .gap-lg-16 {
    @apply gap-24;
  }
  .gap-lg-17 {
    @apply gap-28;
  }
  .gap-lg-18 {
    @apply gap-32;
  }
  .gap-lg-19 {
    @apply gap-36;
  }
  .gap-lg-20 {
    @apply gap-40;
  }
  .gap-lg-21 {
    @apply gap-[12.5rem];
  }
  .gap-lg-22 {
    @apply gap-60;
  }
  .gap-lg-23 {
    @apply gap-[17.5rem];
  }
  .gap-lg-24 {
    @apply gap-80;
  }
  .gap-lg-25 {
    @apply gap-[22.5rem];
  }
  .row-gap-lg-0 {
    @apply gap-y-0;
  }
  .row-gap-lg-1 {
    @apply gap-y-1;
  }
  .row-gap-lg-2 {
    @apply gap-y-2;
  }
  .row-gap-lg-3 {
    @apply gap-y-3;
  }
  .row-gap-lg-4 {
    @apply gap-y-4;
  }
  .row-gap-lg-5 {
    @apply gap-y-5;
  }
  .row-gap-lg-6 {
    @apply gap-y-6;
  }
  .row-gap-lg-7 {
    @apply gap-y-7;
  }
  .row-gap-lg-8 {
    @apply gap-y-8;
  }
  .row-gap-lg-9 {
    @apply gap-y-9;
  }
  .row-gap-lg-10 {
    @apply gap-y-10;
  }
  .row-gap-lg-11 {
    @apply gap-y-12;
  }
  .row-gap-lg-12 {
    @apply gap-y-14;
  }
  .row-gap-lg-13 {
    @apply gap-y-16;
  }
  .row-gap-lg-14 {
    @apply gap-y-[4.5rem];
  }
  .row-gap-lg-15 {
    @apply gap-y-20;
  }
  .row-gap-lg-16 {
    @apply gap-y-24;
  }
  .row-gap-lg-17 {
    @apply gap-y-28;
  }
  .row-gap-lg-18 {
    @apply gap-y-32;
  }
  .row-gap-lg-19 {
    @apply gap-y-36;
  }
  .row-gap-lg-20 {
    @apply gap-y-40;
  }
  .row-gap-lg-21 {
    @apply gap-y-[12.5rem];
  }
  .row-gap-lg-22 {
    @apply gap-y-60;
  }
  .row-gap-lg-23 {
    @apply gap-y-[17.5rem];
  }
  .row-gap-lg-24 {
    @apply gap-y-80;
  }
  .row-gap-lg-25 {
    @apply gap-y-[22.5rem];
  }
  .text-lg-start {
    @apply text-left;
  }
  .text-lg-end {
    @apply text-right;
  }
  .text-lg-center {
    @apply text-center;
  }
  .image-wrapper.rounded-lg-start,
  .map.rounded-lg-start iframe {
    @apply !rounded-tl-[0.4rem] !rounded-tr-none !rounded-br-none !rounded-bl-[0.4rem];
  }
  .image-wrapper.rounded-4-lg-start {
    @apply rounded-tl-[0.8rem] rounded-tr-none rounded-br-none rounded-bl-[0.8rem];
  }
  .navbar-expand-lg.navbar-light
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply text-[#22b573];
  }
  .navbar-expand-lg .dropdown-mega,
  .navbar-expand-lg .navbar-nav {
    @apply static;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg {
    @apply pt-[1.6rem] pb-[1.3rem] px-1;
  }
  .navbar-expand-lg
    .navbar-nav
    .dropdown-menu.dropdown-lg
    .dropdown-lg-content {
    @apply flex flex-row;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
    @apply pt-0;
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu:before {
    @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-toggle:after {
    @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem];
  }
  .navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu {
    @apply mx-3;
  }
  .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-menu {
    @apply invisible pointer-events-none opacity-0 block top-[120%];
  }
  .navbar-expand-lg:not(.hover-none)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full;
    pointer-events: all;
  }
  .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu {
    @apply relative;
  }
  .navbar-expand-lg:not(.hover-none)
    .navbar-nav
    .dropdown-submenu
    .dropdown-menu {
    @apply top-[30%];
  }
  .navbar-expand-lg:not(.hover-none)
    .navbar-nav
    .dropdown-submenu.dropstart:before {
    @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-lg:not(.hover-none)
    .navbar-nav
    .dropdown-submenu:hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0;
    pointer-events: all;
  }
  .navbar-expand-lg .dropend > .dropdown-menu {
    @apply ml-2;
  }
  .navbar-expand-lg .dropstart > .dropdown-menu {
    @apply mr-2;
  }
  .navbar-expand-lg .offcanvas-nav {
    @apply flex-row;
    position: unset;
  }
  .navbar-expand-lg .offcanvas-nav.offcanvas-end,
  .navbar-expand-lg .offcanvas-nav.offcanvas-start {
    @apply w-full translate-none;
  }
  .navbar-expand-lg.extended.navbar-bg-light:not(.fixed),
  .navbar-expand-lg.fancy.navbar-bg-light:not(.fixed) {
    @apply bg-inherit;
  }
  .navbar-expand-lg.extended:not(.fixed) .navbar-collapse .nav-link {
    @apply py-[1.15rem];
  }
  .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse .nav-link {
    @apply py-5;
  }
  .navbar-expand-lg[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed)
    .navbar-collapse
    .nav-link {
    @apply py-[1.7rem];
  }
  .navbar-expand-lg.transparent:not(.fixed) {
    @apply pt-[0.3rem];
  }
  .navbar-expand-lg.transparent.navbar-clone {
    @apply pt-0;
  }
  .navbar-expand-lg.extended .navbar-collapse-wrapper,
  .navbar-expand-lg.fancy .navbar-collapse-wrapper {
    @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem];
  }
  .navbar-expand-lg.extended:not(.extended-alt):not(.fixed)
    .navbar-collapse-wrapper {
    @apply pl-2 pr-6 py-0;
  }
  .navbar-expand-lg.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
    @apply px-6 py-0;
  }
  .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse-wrapper {
    @apply mt-9 px-6 py-0;
  }
  .navbar-expand-lg.extended:not(.extended-alt) .navbar-brand {
    @apply py-6;
  }
  .navbar-expand-lg.extended.extended-alt .navbar-brand {
    @apply py-7;
  }
  .navbar-expand-lg.fixed .topbar {
    @apply hidden;
  }
  .navbar-expand-lg.navbar-dark:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-lg.navbar-light:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-lg.transparent.fixed
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu {
    @apply mt-2;
  }
  .navbar-expand-lg .navbar-collapse .nav-link {
    @apply whitespace-nowrap;
  }
  .navbar-expand-lg .navbar-collapse .nav-item.parent-link {
    @apply flex flex-row items-center;
  }
  .navbar-expand-lg
    .navbar-collapse
    .nav-item.parent-link
    > .nav-link:first-child {
    @apply pr-0;
  }
  .navbar-expand-lg .navbar-collapse .nav-item.parent-link .dropdown-toggle {
    @apply pl-0;
  }
  .navbar-expand-lg .dropdown-lg-content > div + div,
  .navbar-expand-lg
    .mega-menu-content
    > .row
    > [class*="col-"]
    + [class*="col-"] {
    @apply xl:border-l-[rgba(164,174,198,0.2)] xl:border-l xl:border-solid lg:border-l-[rgba(164,174,198,0.2)] lg:border-l lg:border-solid;
  }
  .navbar-expand-lg .mega-menu-content {
    @apply pt-[0.6rem] pb-[0.2rem] px-1;
  }
  .navbar-expand-lg .mega-menu-dark {
    @apply bg-[#2e353e];
  }
  .navbar-expand-lg .mega-menu-dark .img-svg {
    @apply transition-all duration-[0.2s] ease-in-out bg-[rgba(255,255,255,.05)];
  }
  .navbar-expand-lg .mega-menu-dark .img-svg:hover {
    @apply bg-[rgba(255,255,255,.09)];
  }
  .navbar-expand-lg .mega-menu-dark .dropdown-item {
    @apply text-white;
  }
  .navbar-expand-lg .mega-menu-dark .dropdown-item:focus,
  .navbar-expand-lg .mega-menu-dark .dropdown-item:hover {
    @apply text-white;
  }
  .navbar-expand-lg .mega-menu-img {
    @apply p-0;
  }
  .navbar-expand-lg .mega-menu-img .mega-menu-content {
    @apply mx-0 my-[1.8rem] px-8 py-[0.2rem];
  }
  .navbar-expand-lg .mega-menu-img .dropdown-item {
    @apply px-0;
  }
  .navbar-expand-lg.caret-none
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply hidden;
  }
  .mega-menu-scroll {
    @apply overflow-y-scroll;
  }
  .mega-menu-scroll > span {
    @apply text-[0.7rem] flex justify-center items-center w-full h-auto absolute text-center text-[#cacaca] left-0 bottom-[0.3rem];
  }
  .mega-menu-scroll > span i {
    @apply text-[1rem];
  }
  .nav-tabs.nav-justified .nav-item {
    @apply mx-3 first:ml-0 last:mr-0;
  }
  .pricing-wrapper .popular .pricing.card {
    @apply mt-[-1rem] py-4;
  }
  .process-wrapper.line.text-center [class*="col-"]:after,
  .process-wrapper.line.text-center [class*="col-"]:before {
    @apply w-6/12 absolute content-[""] h-px z-[1] border-0 left-0 top-6 bg-[rgba(164,174,198,.2)];
  }
  .process-wrapper.line.text-center [class*="col-"]:after {
    @apply left-auto right-0;
  }
  .process-wrapper.line.text-center [class*="col-"]:first-child:before,
  .process-wrapper.line.text-center [class*="col-"]:last-child:after {
    @apply hidden;
  }
  .process-wrapper.arrow [class*="xl\:w-"] {
    @apply relative;
  }
  .process-wrapper.arrow [class*="xl\:w-"]:nth-child(odd):before {
    @apply scale-x-100 -scale-y-100;
  }
  .process-wrapper.arrow [class*="xl\:w-"]:first-child:before {
    @apply hidden;
  }
  .process-wrapper.arrow [class*="xl\:w-"]:before {
    @apply content-[""] bg-no-repeat bg-[center_center] [background-size:70%_70%] absolute w-24 h-4 left-[-3rem] z-[1] opacity-[0.15] top-[0.8rem];
    background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23747ed1' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23747ed1' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E");
  }
  .projects-overflow .project-details {
    @apply absolute;
  }
  .projects-overflow .item {
    @apply mt-40;
  }
}
@media (max-width: 991.98px) {
  .table-responsive-lg {
    @apply overflow-x-auto;
    -webkit-overflow-scrolling: touch;
  }

  .image-wrapper.rounded-top,
  .map.rounded-top iframe {
    @apply rounded-t-[0.4rem];
  }
  .image-wrapper.rounded-4-top {
    @apply rounded-t-[0.8rem];
  }

  .bg-height {
    @apply h-80;
  }

  .navbar-expand-lg .offcanvas-nav {
    @apply overflow-x-hidden overflow-y-auto flex-col;
  }
  .navbar-expand-lg .offcanvas-nav .offcanvas-body,
  .navbar-expand-lg .offcanvas-nav .offcanvas-footer,
  .navbar-expand-lg .offcanvas-nav .offcanvas-header {
    @apply w-full;
  }
  .navbar-expand-lg .offcanvas-nav .offcanvas-body {
    @apply grow-0;
    overflow-y: unset;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu {
    @apply mt-0 p-0 bg-inherit;
  }
  .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item {
    @apply text-white pl-4 py-[0.3rem];
  }
  .navbar-expand-lg .navbar-collapse .nav-link,
  .navbar-expand-lg .navbar-collapse .nav-link.active,
  .navbar-expand-lg .navbar-collapse .nav-link:focus,
  .navbar-expand-lg .navbar-collapse .nav-link:hover,
  .navbar-expand-lg .navbar-collapse .show > .nav-link {
    @apply !text-white;
  }
  .navbar-expand-lg .navbar-collapse .nav-link {
    @apply py-[0.3rem];
  }
  .navbar-expand-lg .navbar-collapse .dropdown-toggle:after {
    @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem];
  }
  .navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
    @apply top-[0.3rem];
  }
  .navbar-expand-lg .dropdown-header {
    @apply mt-2 px-4;
  }
  .navbar-expand-lg .dropend .dropdown-toggle:after,
  .navbar-expand-lg .dropstart .dropdown-toggle:after {
    @apply content-["\e92d"];
  }
  .navbar-expand-lg .dropstart .dropdown-menu[data-bs-popper] {
    @apply ml-3 mr-0;
  }
  .navbar-expand-lg .dropdown-toggle:after {
    @apply top-1;
  }
  .navbar-expand-lg .language-select .dropdown-toggle:after {
    vertical-align: 0 !important;
  }
  .navbar-expand-lg .navbar-other .nav-item.language-select .nav-link {
    @apply text-[1.05rem];
  }
  .navbar-expand-lg .navbar-other .nav-item .nav-link > i {
    @apply text-[calc(1.255rem_+_0.06vw)];
  }

  .navbar-expand-lg .navbar-brand {
    @apply py-[1.2rem];
  }

  .navbar-expand-lg.fancy .navbar-collapse-wrapper {
    @apply shadow-none;
    background: 0 0 !important;
  }

  .navbar-expand-lg.center-logo.fixed .offcanvas-header .logo-light {
    @apply inline-block;
  }
  .navbar-expand-lg.center-logo.fixed .offcanvas-header .logo-dark {
    @apply hidden;
  }

  .navbar-expand-lg .nav-item.parent-link .dropdown-toggle {
    @apply py-0;
  }

  .nav-tabs.d-flex:not(.nav-pills) {
    @apply justify-start;
  }

  .card-md-none {
    @apply rounded-none bg-black;
  }
  .card-md-none .card-body {
    @apply p-0;
  }

  .projects-overflow .project {
    @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem];
  }
  .projects-overflow .project figure img {
    @apply rounded-br-none rounded-bl-none;
  }
  .projects-overflow .project-details .card {
    @apply shadow-none rounded-t-none;
  }

  .image-wrapper.bg-full {
    @apply !bg-cover;
  }
}
@media (min-width: 768px) and (max-width: 1023.98px) {
  .swiper-auto .swiper-slide {
    @apply !w-[600px];
  }
  .swiper-auto.swiper-auto-xs .swiper-slide {
    @apply !w-[400px];
  }
}
@media (min-width: 768px) {
  .navbar-expand-md {
    @apply flex-nowrap justify-start;
  }
  .navbar-expand-md .navbar-nav {
    @apply flex-row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu {
    @apply absolute;
  }
  .navbar-expand-md .navbar-nav .nav-link {
    @apply px-[1rem];
  }
  .navbar-expand-md .navbar-nav-scroll {
    @apply overflow-visible;
  }
  .navbar-expand-md .navbar-collapse {
    @apply flex basis-auto;
  }
  .navbar-expand-md .navbar-toggler {
    @apply hidden;
  }
  .navbar-expand-md .offcanvas {
    @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none;
  }
  .navbar-expand-md .offcanvas .offcanvas-header {
    @apply hidden;
  }
  .navbar-expand-md .offcanvas .offcanvas-body {
    @apply flex grow-0 overflow-y-visible p-0;
  }
  .sticky-md-top {
    @apply sticky z-[1020] top-0;
  }
  .sticky-md-bottom {
    @apply sticky z-[1020] bottom-0;
  }
  .text-md-center {
    @apply text-center;
  }
  .page-frame {
    @apply p-5;
  }
  .page-frame .video-wrapper,
  .page-frame .video-wrapper video,
  .page-frame .video-wrapper:after,
  .page-frame footer,
  .page-frame section {
    @apply rounded-2xl;
  }
  .itooltip-inner {
    @apply shadow-[var(--shadow)] animate-[0.15s_linear_fadeIn] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] text-inherit  z-10;
  }
  .itooltip-inner > * {
    @apply px-4 py-[0.7rem] rounded-[0.4rem];
  }

  .itooltip-inner .itooltip-light {
    @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] !text-[#343f52] bg-[rgba(255,255,255,.9)];
  }
  .itooltip-inner .itooltip-dark {
    @apply bg-[rgba(30,34,40,.9)];
  }
  .itooltip-inner .itooltip-color {
    @apply bg-[rgba(63,120,224,.9)];
  }
  .itooltip-inner .itooltip-blue {
    @apply bg-[rgba(63,120,224,.9)];
  }
  .itooltip-inner .itooltip-sky {
    @apply bg-[rgba(94,185,240,.9)];
  }
  .itooltip-inner .itooltip-purple {
    @apply bg-[rgba(116,126,209,.9)];
  }
  .itooltip-inner .itooltip-grape {
    @apply bg-[rgba(96,93,186,.9)];
  }
  .itooltip-inner .itooltip-violet {
    @apply bg-[rgba(160,124,197,.9)];
  }
  .itooltip-inner .itooltip-pink {
    @apply bg-[rgba(209,107,134,.9)];
  }
  .itooltip-inner .itooltip-fuchsia {
    @apply bg-[rgba(230,104,179,.9)];
  }
  .itooltip-inner .itooltip-red {
    @apply bg-[rgba(226,98,107,.9)];
  }
  .itooltip-inner .itooltip-orange {
    @apply bg-[rgba(247,139,119,.9)];
  }
  .itooltip-inner .itooltip-yellow {
    @apply bg-[rgba(250,183,88,.9)];
  }
  .itooltip-inner .itooltip-green {
    @apply bg-[rgba(69,196,160,.9)];
  }
  .itooltip-inner .itooltip-leaf {
    @apply bg-[rgba(124,183,152,.9)];
  }
  .itooltip-inner .itooltip-aqua {
    @apply bg-[rgba(84,168,199,.9)];
  }
  .itooltip-inner .itooltip-navy {
    @apply bg-[rgba(52,63,82,.9)];
  }
  .itooltip-inner .itooltip-ash {
    @apply bg-[rgba(148,153,163,.9)];
  }
  .itooltip-inner .itooltip-white {
    @apply bg-[rgba(255,255,255,.9)];
  }
  .itooltip-inner .itooltip-light {
    @apply bg-[rgba(254,254,254,.9)];
  }
  .itooltip-inner .itooltip-gray {
    @apply bg-[rgba(246,247,249,.9)];
  }
  .itooltip-inner .itooltip-primary {
    @apply bg-[rgba(63,120,224,.9)];
  }

  .itooltip-secondary.itooltip-inner {
    @apply bg-[rgba(170,176,188,.9)];
  }
  .itooltip-success.itooltip-inner {
    @apply bg-[rgba(69,196,160,.9)];
  }
  .itooltip-info.itooltip-inner {
    @apply bg-[rgba(84,168,199,.9)];
  }
  .itooltip-warning.itooltip-inner {
    @apply bg-[rgba(250,183,88,.9)];
  }
  .itooltip-danger.itooltip-inner {
    @apply bg-[rgba(226,98,107,.9)];
  }
  [class*="itooltip-"]:not(.itooltip-light).itooltip-inner * {
    @apply text-white;
  }
  .section-frame.br-fix {
    @apply rounded-br-none rounded-bl-none;
  }
  .section-frame-wrapper {
    @apply rounded-2xl;
  }
  .navbar-expand-md.navbar-light
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply text-[#22b573];
  }
  .navbar-expand-md .dropdown-mega,
  .navbar-expand-md .navbar-nav {
    @apply static;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg {
    @apply pt-[1.6rem] pb-[1.3rem] px-1;
  }
  .navbar-expand-md
    .navbar-nav
    .dropdown-menu.dropdown-lg
    .dropdown-lg-content {
    @apply flex flex-row;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
    @apply pt-0;
  }
  .navbar-expand-md .navbar-nav .dropdown-menu:before {
    @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-toggle:after {
    @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem];
  }
  .navbar-expand-md .navbar-nav .dropdown-menu.mega-menu {
    @apply mx-3;
  }
  .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-menu {
    @apply invisible pointer-events-none opacity-0 block top-[120%];
  }
  .navbar-expand-md:not(.hover-none)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full;
    pointer-events: all;
  }
  .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu {
    @apply relative;
  }
  .navbar-expand-md:not(.hover-none)
    .navbar-nav
    .dropdown-submenu
    .dropdown-menu {
    @apply top-[30%];
  }
  .navbar-expand-md:not(.hover-none)
    .navbar-nav
    .dropdown-submenu.dropstart:before {
    @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-md:not(.hover-none)
    .navbar-nav
    .dropdown-submenu:hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0;
    pointer-events: all;
  }
  .navbar-expand-md .dropend > .dropdown-menu {
    @apply ml-2;
  }
  .navbar-expand-md .dropstart > .dropdown-menu {
    @apply mr-2;
  }
  .navbar-expand-md .offcanvas-nav {
    @apply flex-row;
    position: unset;
  }
  .navbar-expand-md .offcanvas-nav.offcanvas-end,
  .navbar-expand-md .offcanvas-nav.offcanvas-start {
    @apply w-full;
  }
  .navbar-expand-md.extended.navbar-bg-light:not(.fixed),
  .navbar-expand-md.fancy.navbar-bg-light:not(.fixed) {
    @apply bg-inherit;
  }
  .navbar-expand-md.extended:not(.fixed) .navbar-collapse .nav-link {
    @apply py-[1.15rem];
  }
  .navbar-expand-md.fancy:not(.fixed) .navbar-collapse .nav-link {
    @apply py-5;
  }
  .navbar-expand-md[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed)
    .navbar-collapse
    .nav-link {
    @apply py-[1.7rem];
  }
  .navbar-expand-md.extended .navbar-collapse-wrapper,
  .navbar-expand-md.fancy .navbar-collapse-wrapper {
    @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem];
  }
  .navbar-expand-md.extended:not(.extended-alt):not(.fixed)
    .navbar-collapse-wrapper {
    @apply pl-2 pr-6 py-0;
  }
  .navbar-expand-md.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
    @apply px-6 py-0;
  }
  .navbar-expand-md.fancy:not(.fixed) .navbar-collapse-wrapper {
    @apply mt-9 px-6 py-0;
  }
  .navbar-expand-md.extended:not(.extended-alt) .navbar-brand {
    @apply py-6;
  }
  .navbar-expand-md.extended.extended-alt .navbar-brand {
    @apply py-7;
  }
  .navbar-expand-md.fixed .topbar {
    @apply hidden;
  }
  .navbar-expand-md.navbar-dark:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-md.navbar-light:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-md.transparent.fixed
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu {
    @apply mt-2;
  }
  .navbar-expand-md .navbar-collapse .nav-link {
    @apply whitespace-nowrap;
  }
  .navbar-expand-md .navbar-collapse .nav-item.parent-link {
    @apply flex flex-row items-center;
  }
  .navbar-expand-md
    .navbar-collapse
    .nav-item.parent-link
    > .nav-link:first-child {
    @apply pr-0;
  }
  .navbar-expand-md .navbar-collapse .nav-item.parent-link .dropdown-toggle {
    @apply pl-0;
  }
  .navbar-expand-md .dropdown-lg-content > div + div,
  .navbar-expand-md
    .mega-menu-content
    > .row
    > [class*="col-"]
    + [class*="col-"] {
    @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid;
  }
  .navbar-expand-md .mega-menu-content {
    @apply pt-[0.6rem] pb-[0.2rem] px-1;
  }
  .navbar-expand-md .mega-menu-dark {
    @apply bg-[#2e353e];
  }
  .navbar-expand-md .mega-menu-dark .img-svg {
    @apply transition-all duration-[0.2s] ease-in-out bg-[rgba(255,255,255,.05)];
  }
  .navbar-expand-md .mega-menu-dark .img-svg:hover {
    @apply bg-[rgba(255,255,255,.09)];
  }
  .navbar-expand-md .mega-menu-dark .dropdown-item {
    @apply text-white;
  }
  .navbar-expand-md .mega-menu-dark .dropdown-item:focus,
  .navbar-expand-md .mega-menu-dark .dropdown-item:hover {
    @apply text-white;
  }
  .navbar-expand-md .mega-menu-img {
    @apply p-0;
  }
  .navbar-expand-md .mega-menu-img .mega-menu-content {
    @apply mx-0 my-[1.8rem] px-8 py-[0.2rem];
  }
  .navbar-expand-md .mega-menu-img .dropdown-item {
    @apply px-0;
  }
  .navbar-expand-md.caret-none
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply hidden;
  }
  .glightbox-clean .gprev {
    @apply -translate-y-2/4 top-2/4 before:font-Unicons before:content-['\e949'];
  }
  .glightbox-clean .gnext {
    @apply -translate-y-2/4 top-2/4 before:font-Unicons before:content-['\e94c'];
  }
  .glightbox-clean .gclose {
    @apply after:font-Unicons after:content-['\ed3b'] top-[0.75rem] right-[0.75rem];
  }
  .glightbox-clean .gclose,
  .glightbox-clean .gnext,
  .glightbox-clean .gprev {
    @apply text-white text-[1.2rem] w-[2.2rem] h-[2.2rem] leading-[2.2rem] shadow-none transition-[background] duration-[0.2s] ease-in-out flex justify-center items-center mt-0 p-0 !rounded-[100%] border-0 bg-[rgba(0,0,0,.3)];
  }
  .glightbox-clean .gclose.disabled,
  .glightbox-clean .gnext.disabled,
  .glightbox-clean .gprev.disabled {
    @apply hidden;
  }
  .glightbox-clean .gslide-description {
    @apply bg-transparent;
  }
  .glightbox-clean .gdesc-inner {
    @apply text-center p-[1rem_0_1rem_0];
  }
  .glightbox-clean .gdesc-inner .gslide-desc,
  .glightbox-clean .gdesc-inner .gslide-title {
    @apply text-white;
  }
  .glightbox-clean .gdesc-inner .gslide-title {
    @apply m-0;
  }
  .glightbox-clean .gdesc-inner .gslide-title + .gslide-desc {
    @apply mt-[0.3rem];
  }

  .timeline .timeline-item,
  .timeline .timeline-item .timeline-marker {
    @apply table-cell align-top;
  }
  .timeline .timeline-item .timeline-content .timeline-title {
    @apply mt-[-0.25rem];
  }
  .projects-tiles .project {
    @apply mt-40;
  }
  .projects-tiles .project-details {
    @apply pb-4 p-8;
  }
  .overlap-grid-2 .item:nth-child(3) {
    @apply w-3/5 mt-[-35%] z-[2] ml-[40%];
  }
}
@media screen and (min-width: 768px) {
  .mb-md-n50p {
    @apply md:!translate-y-2/4;
  }
  .mt-md-n50p {
    @apply md:!-translate-y-2/4;
  }
}
@media (max-width: 767px) {
  #comments .user-avatar {
    @apply hidden;
  }
  #comments ul.children {
    @apply pl-6;
  }
  #comments ul.children li.comment:before {
    @apply hidden;
  }
  .bg-map {
    background: 0 0 !important;
  }
  .bg-height {
    @apply h-60;
  }
  .card-footer .post-meta li.post-author,
  .card-footer .post-meta li.post-comments span {
    @apply hidden;
  }
  .post-header .post-meta li.post-author,
  .post-header .post-meta li.post-comments span,
  .post-header .post-meta li.post-likes span {
    @apply hidden;
  }
  .nav-tabs.nav-pills,
  .nav-tabs.nav-tabs-basic {
    @apply flex-col;
  }
  .nav-tabs.nav-pills .nav-item,
  .nav-tabs.nav-tabs-basic .nav-item {
    @apply mb-4;
  }
  .nav-tabs.nav-pills .nav-link,
  .nav-tabs.nav-tabs-basic .nav-link {
    @apply mr-0;
  }
  .alert[class*="bg-"].alert-dismissible .btn-close {
    @apply pr-2;
  }
  .caption-wrapper {
    @apply hidden;
  }
  .swiper-hero,
  .swiper-hero .swiper-slide {
    @apply h-[500px];
  }
  .swiper-hero .swiper-navigation {
    @apply hidden;
  }
  .swiper-fullscreen,
  .swiper-fullscreen .swiper:not(.swiper-thumbs) .swiper-slide {
    @apply h-[500px];
  }
  .swiper-auto.swiper-auto-xs .swiper-slide {
    @apply !w-[300px];
  }
  .projects-tiles .project {
    @apply mt-20;
  }
  .overlap-grid-2 .item {
    @apply w-full;
  }
  .overlap-grid-2 .item + .item {
    @apply mt-6;
  }
}
@media (max-width: 767.98px) {
  .table-responsive-md {
    @apply overflow-x-auto;
    -webkit-overflow-scrolling: touch;
  }
  .navbar-expand-md .offcanvas-nav {
    @apply overflow-x-hidden overflow-y-auto flex-col;
  }
  .navbar-expand-md .offcanvas-nav .offcanvas-body,
  .navbar-expand-md .offcanvas-nav .offcanvas-footer,
  .navbar-expand-md .offcanvas-nav .offcanvas-header {
    @apply w-full;
  }
  .navbar-expand-md .offcanvas-nav .offcanvas-body {
    @apply grow-0;
    overflow-y: unset;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu {
    @apply mt-0 p-0 bg-black;
  }
  .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item {
    @apply text-white pl-4 py-[0.3rem];
  }
  .navbar-expand-md .navbar-collapse .nav-link,
  .navbar-expand-md .navbar-collapse .nav-link.active,
  .navbar-expand-md .navbar-collapse .nav-link:focus,
  .navbar-expand-md .navbar-collapse .nav-link:hover,
  .navbar-expand-md .navbar-collapse .show > .nav-link {
    @apply text-white;
  }
  .navbar-expand-md .navbar-collapse .nav-link {
    @apply py-[0.3rem];
  }
  .navbar-expand-md .navbar-collapse .dropdown-toggle:after {
    @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem];
  }
  .navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
    @apply top-[0.3rem];
  }
  .navbar-expand-md .dropdown-header {
    @apply mt-2 px-4;
  }
  .navbar-expand-md .dropend .dropdown-toggle:after,
  .navbar-expand-md .dropstart .dropdown-toggle:after {
    @apply content-["\e92d"];
  }
  .navbar-expand-md .dropstart .dropdown-menu[data-bs-popper] {
    @apply ml-3 mr-0;
  }
  .navbar-expand-md .dropdown-toggle:after {
    @apply top-1;
  }
  .navbar-expand-md .language-select .dropdown-toggle:after {
    vertical-align: 0 !important;
  }
  .navbar-expand-md .navbar-other .nav-item.language-select .nav-link {
    @apply text-[1.05rem];
  }
  .navbar-expand-md .navbar-other .nav-item .nav-link > i {
    @apply text-[calc(1.255rem_+_0.06vw)];
  }

  .navbar-expand-md .navbar-brand {
    @apply py-[1.2rem];
  }

  .navbar-expand-md.fancy .navbar-collapse-wrapper {
    @apply shadow-none !bg-black;
  }

  .navbar-expand-md.center-logo.fixed .offcanvas-header .logo-light {
    @apply inline-block;
  }
  .navbar-expand-md.center-logo.fixed .offcanvas-header .logo-dark {
    @apply hidden;
  }

  .navbar-expand-md .nav-item.parent-link .dropdown-toggle {
    @apply py-0;
  }

  .modal.fade.modal-bottom-center .modal-dialog {
    @apply w-[calc(100%_-_1rem)];
  }
}
@media (min-width: 576px) {
  .card-group {
    @apply flex;
    flex-flow: row wrap;
  }
  .card-group > .card {
    @apply flex-[1_0_0%] mb-0;
  }
  .card-group > .card + .card {
    @apply ml-0 border-l-0;
  }
  .card-group > .card:not(:last-child) {
    @apply rounded-tr-none rounded-br-none;
  }
  .card-group > .card:not(:last-child) .card-header,
  .card-group > .card:not(:last-child) .card-img-top {
    @apply rounded-tr-none;
  }
  .card-group > .card:not(:last-child) .card-footer,
  .card-group > .card:not(:last-child) .card-img-bottom {
    @apply rounded-br-none;
  }
  .card-group > .card:not(:first-child) {
    @apply rounded-tl-none rounded-bl-none;
  }
  .card-group > .card:not(:first-child) .card-header,
  .card-group > .card:not(:first-child) .card-img-top {
    @apply rounded-tl-none;
  }
  .card-group > .card:not(:first-child) .card-footer,
  .card-group > .card:not(:first-child) .card-img-bottom {
    @apply rounded-bl-none;
  }
  .modal {
    margin: 1.75rem;
    box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04);
  }
  .modal-dialog {
    @apply max-w-[560px] mx-auto;
  }
  .modal-sm {
    width: 450px;
  }
  .sticky-sm-top {
    @apply sticky z-[1020] top-0;
  }
  .sticky-sm-bottom {
    @apply sticky z-[1020] bottom-0;
  }
  .float-sm-start {
    @apply float-left;
  }
  .float-sm-end {
    @apply float-right;
  }
  .float-sm-none {
    @apply float-none;
  }
  .object-fit-sm-contain {
    @apply object-contain;
    -o-object-fit: contain !important;
  }
  .object-fit-sm-cover {
    @apply object-cover;
    -o-object-fit: cover !important;
  }
  .object-fit-sm-fill {
    @apply object-fill;
    -o-object-fit: fill !important;
  }
  .object-fit-sm-scale {
    @apply object-scale-down;
    -o-object-fit: scale-down !important;
  }
  .object-fit-sm-none {
    @apply object-none;
    -o-object-fit: none !important;
  }
  .d-sm-inline {
    @apply inline;
  }
  .d-sm-inline-block {
    @apply inline-block;
  }
  .d-sm-block {
    @apply block;
  }
  .d-sm-grid {
    @apply grid;
  }
  .d-sm-inline-grid {
    @apply inline-grid;
  }
  .d-sm-table {
    @apply table;
  }
  .d-sm-table-row {
    @apply table-row;
  }
  .d-sm-table-cell {
    @apply table-cell;
  }
  .d-sm-flex {
    @apply flex;
  }
  .d-sm-inline-flex {
    @apply inline-flex;
  }
  .d-sm-none {
    @apply hidden;
  }
  .flex-sm-fill {
    @apply flex-auto;
  }
  .flex-sm-row {
    @apply flex-row;
  }
  .flex-sm-column {
    @apply flex-col;
  }
  .flex-sm-row-reverse {
    @apply flex-row-reverse;
  }
  .flex-sm-column-reverse {
    @apply flex-col-reverse;
  }
  .flex-sm-grow-0 {
    @apply grow-0;
  }
  .flex-sm-grow-1 {
    @apply grow;
  }
  .flex-sm-shrink-0 {
    @apply shrink-0;
  }
  .flex-sm-shrink-1 {
    @apply shrink;
  }
  .flex-sm-wrap {
    @apply flex-wrap;
  }
  .flex-sm-nowrap {
    @apply flex-nowrap;
  }
  .flex-sm-wrap-reverse {
    @apply flex-wrap-reverse;
  }
  .justify-content-sm-start {
    @apply justify-start;
  }
  .justify-content-sm-end {
    @apply justify-end;
  }
  .justify-content-sm-center {
    @apply justify-center;
  }
  .justify-content-sm-between {
    @apply justify-between;
  }
  .justify-content-sm-around {
    @apply justify-around;
  }
  .justify-content-sm-evenly {
    @apply justify-evenly;
  }
  .align-items-sm-start {
    @apply items-start;
  }
  .align-items-sm-end {
    @apply items-end;
  }
  .align-items-sm-center {
    @apply items-center;
  }
  .align-items-sm-baseline {
    @apply items-baseline;
  }
  .align-items-sm-stretch {
    @apply items-stretch;
  }
  .order-sm-first {
    @apply -order-1;
  }
  .order-sm-0 {
    @apply order-none;
  }
  .order-sm-1 {
    @apply order-1;
  }
  .order-sm-2 {
    @apply order-2;
  }
  .order-sm-3 {
    @apply order-3;
  }
  .order-sm-4 {
    @apply order-4;
  }
  .order-sm-5 {
    @apply order-5;
  }
  .order-sm-last {
    @apply order-6;
  }
  .m-sm-0 {
    @apply m-0;
  }
  .m-sm-1 {
    @apply m-1;
  }
  .m-sm-2 {
    @apply m-2;
  }
  .m-sm-3 {
    @apply m-3;
  }
  .m-sm-4 {
    @apply m-4;
  }
  .m-sm-5 {
    @apply m-5;
  }
  .m-sm-6 {
    @apply m-6;
  }
  .m-sm-7 {
    @apply m-7;
  }
  .m-sm-8 {
    @apply m-8;
  }
  .m-sm-9 {
    @apply m-9;
  }
  .m-sm-10 {
    @apply m-10;
  }
  .m-sm-11 {
    @apply m-12;
  }
  .m-sm-12 {
    @apply m-14;
  }
  .m-sm-13 {
    @apply m-16;
  }
  .m-sm-14 {
    @apply m-[4.5rem];
  }
  .m-sm-15 {
    @apply m-20;
  }
  .m-sm-16 {
    @apply m-24;
  }
  .m-sm-17 {
    @apply m-28;
  }
  .m-sm-18 {
    @apply m-32;
  }
  .m-sm-19 {
    @apply m-36;
  }
  .m-sm-20 {
    @apply m-40;
  }
  .m-sm-21 {
    @apply m-[12.5rem];
  }
  .m-sm-22 {
    @apply m-60;
  }
  .m-sm-23 {
    @apply m-[17.5rem];
  }
  .m-sm-24 {
    @apply m-80;
  }
  .m-sm-25 {
    @apply m-[22.5rem];
  }
  .m-sm-auto {
    @apply m-auto;
  }
  .mx-sm-0 {
    @apply mx-0;
  }
  .mx-sm-1 {
    @apply mx-1;
  }
  .mx-sm-2 {
    @apply mx-2;
  }
  .mx-sm-3 {
    @apply mx-3;
  }
  .mx-sm-4 {
    @apply mx-4;
  }
  .mx-sm-5 {
    @apply mx-5;
  }
  .mx-sm-6 {
    @apply mx-6;
  }
  .mx-sm-7 {
    @apply mx-7;
  }
  .mx-sm-8 {
    @apply mx-8;
  }
  .mx-sm-9 {
    @apply mx-9;
  }
  .mx-sm-10 {
    @apply mx-10;
  }
  .mx-sm-11 {
    @apply mx-12;
  }
  .mx-sm-12 {
    @apply mx-14;
  }
  .mx-sm-13 {
    @apply mx-16;
  }
  .mx-sm-14 {
    @apply mx-[4.5rem];
  }
  .mx-sm-15 {
    @apply mx-20;
  }
  .mx-sm-16 {
    @apply mx-24;
  }
  .mx-sm-17 {
    @apply mx-28;
  }
  .mx-sm-18 {
    @apply mx-32;
  }
  .mx-sm-19 {
    @apply mx-36;
  }
  .mx-sm-20 {
    @apply mx-40;
  }
  .mx-sm-21 {
    @apply mx-[12.5rem];
  }
  .mx-sm-22 {
    @apply mx-60;
  }
  .mx-sm-23 {
    @apply mx-[17.5rem];
  }
  .mx-sm-24 {
    @apply mx-80;
  }
  .mx-sm-25 {
    @apply mx-[22.5rem];
  }
  .mx-sm-auto {
    @apply mx-auto;
  }
  .my-sm-0 {
    @apply my-0;
  }
  .my-sm-1 {
    @apply my-1;
  }
  .my-sm-2 {
    @apply my-2;
  }
  .my-sm-3 {
    @apply my-3;
  }
  .my-sm-4 {
    @apply my-4;
  }
  .my-sm-5 {
    @apply my-5;
  }
  .my-sm-6 {
    @apply my-6;
  }
  .my-sm-7 {
    @apply my-7;
  }
  .my-sm-8 {
    @apply my-8;
  }
  .my-sm-9 {
    @apply my-9;
  }
  .my-sm-10 {
    @apply my-10;
  }
  .my-sm-11 {
    @apply my-12;
  }
  .my-sm-12 {
    @apply my-14;
  }
  .my-sm-13 {
    @apply my-16;
  }
  .my-sm-14 {
    @apply my-[4.5rem];
  }
  .my-sm-15 {
    @apply my-20;
  }
  .my-sm-16 {
    @apply my-24;
  }
  .my-sm-17 {
    @apply my-28;
  }
  .my-sm-18 {
    @apply my-32;
  }
  .my-sm-19 {
    @apply my-36;
  }
  .my-sm-20 {
    @apply my-40;
  }
  .my-sm-21 {
    @apply my-[12.5rem];
  }
  .my-sm-22 {
    @apply my-60;
  }
  .my-sm-23 {
    @apply my-[17.5rem];
  }
  .my-sm-24 {
    @apply my-80;
  }
  .my-sm-25 {
    @apply my-[22.5rem];
  }
  .my-sm-auto {
    @apply my-auto;
  }
  .mt-sm-0 {
    @apply mt-0;
  }
  .mt-sm-1 {
    @apply mt-1;
  }
  .mt-sm-2 {
    @apply mt-2;
  }
  .mt-sm-3 {
    @apply mt-3;
  }
  .mt-sm-4 {
    @apply mt-4;
  }
  .mt-sm-5 {
    @apply mt-5;
  }
  .mt-sm-6 {
    @apply mt-6;
  }
  .mt-sm-7 {
    @apply mt-7;
  }
  .mt-sm-8 {
    @apply mt-8;
  }
  .mt-sm-9 {
    @apply mt-9;
  }
  .mt-sm-10 {
    @apply mt-10;
  }
  .mt-sm-11 {
    @apply mt-12;
  }
  .mt-sm-12 {
    @apply mt-14;
  }
  .mt-sm-13 {
    @apply mt-16;
  }
  .mt-sm-14 {
    @apply mt-[4.5rem];
  }
  .mt-sm-15 {
    @apply mt-20;
  }
  .mt-sm-16 {
    @apply mt-24;
  }
  .mt-sm-17 {
    @apply mt-28;
  }
  .mt-sm-18 {
    @apply mt-32;
  }
  .mt-sm-19 {
    @apply mt-36;
  }
  .mt-sm-20 {
    @apply mt-40;
  }
  .mt-sm-21 {
    @apply mt-[12.5rem];
  }
  .mt-sm-22 {
    @apply mt-60;
  }
  .mt-sm-23 {
    @apply mt-[17.5rem];
  }
  .mt-sm-24 {
    @apply mt-80;
  }
  .mt-sm-25 {
    @apply mt-[22.5rem];
  }
  .mt-sm-auto {
    @apply mt-auto;
  }
  .me-sm-0 {
    @apply mr-0;
  }
  .me-sm-1 {
    @apply mr-1;
  }
  .me-sm-2 {
    @apply mr-2;
  }
  .me-sm-3 {
    @apply mr-3;
  }
  .me-sm-4 {
    @apply mr-4;
  }
  .me-sm-5 {
    @apply mr-5;
  }
  .me-sm-6 {
    @apply mr-6;
  }
  .me-sm-7 {
    @apply mr-7;
  }
  .me-sm-8 {
    @apply mr-8;
  }
  .me-sm-9 {
    @apply mr-9;
  }
  .me-sm-10 {
    @apply mr-10;
  }
  .me-sm-11 {
    @apply mr-12;
  }
  .me-sm-12 {
    @apply mr-14;
  }
  .me-sm-13 {
    @apply mr-16;
  }
  .me-sm-14 {
    @apply mr-[4.5rem];
  }
  .me-sm-15 {
    @apply mr-20;
  }
  .me-sm-16 {
    @apply mr-24;
  }
  .me-sm-17 {
    @apply mr-28;
  }
  .me-sm-18 {
    @apply mr-32;
  }
  .me-sm-19 {
    @apply mr-36;
  }
  .me-sm-20 {
    @apply mr-40;
  }
  .me-sm-21 {
    @apply mr-[12.5rem];
  }
  .me-sm-22 {
    @apply mr-60;
  }
  .me-sm-23 {
    @apply mr-[17.5rem];
  }
  .me-sm-24 {
    @apply mr-80;
  }
  .me-sm-25 {
    @apply mr-[22.5rem];
  }
  .me-sm-auto {
    @apply mr-auto;
  }
  .mb-sm-0 {
    @apply mb-0;
  }
  .mb-sm-1 {
    @apply mb-1;
  }
  .mb-sm-2 {
    @apply mb-2;
  }
  .mb-sm-3 {
    @apply mb-3;
  }
  .mb-sm-4 {
    @apply mb-4;
  }
  .mb-sm-5 {
    @apply mb-5;
  }
  .mb-sm-6 {
    @apply mb-6;
  }
  .mb-sm-7 {
    @apply mb-7;
  }
  .mb-sm-8 {
    @apply mb-8;
  }
  .mb-sm-9 {
    @apply mb-9;
  }
  .mb-sm-10 {
    @apply mb-10;
  }
  .mb-sm-11 {
    @apply mb-12;
  }
  .mb-sm-12 {
    @apply mb-14;
  }
  .mb-sm-13 {
    @apply mb-16;
  }
  .mb-sm-14 {
    @apply mb-[4.5rem];
  }
  .mb-sm-15 {
    @apply mb-20;
  }
  .mb-sm-16 {
    @apply mb-24;
  }
  .mb-sm-17 {
    @apply mb-28;
  }
  .mb-sm-18 {
    @apply mb-32;
  }
  .mb-sm-19 {
    @apply mb-36;
  }
  .mb-sm-20 {
    @apply mb-40;
  }
  .mb-sm-21 {
    @apply mb-[12.5rem];
  }
  .mb-sm-22 {
    @apply mb-60;
  }
  .mb-sm-23 {
    @apply mb-[17.5rem];
  }
  .mb-sm-24 {
    @apply mb-80;
  }
  .mb-sm-25 {
    @apply mb-[22.5rem];
  }
  .mb-sm-auto {
    @apply mb-auto;
  }
  .ms-sm-0 {
    @apply ml-0;
  }
  .ms-sm-1 {
    @apply ml-1;
  }
  .ms-sm-2 {
    @apply ml-2;
  }
  .ms-sm-3 {
    @apply ml-3;
  }
  .ms-sm-4 {
    @apply ml-4;
  }
  .ms-sm-5 {
    @apply ml-5;
  }
  .ms-sm-6 {
    @apply ml-6;
  }
  .ms-sm-7 {
    @apply ml-7;
  }
  .ms-sm-8 {
    @apply ml-8;
  }
  .ms-sm-9 {
    @apply ml-9;
  }
  .ms-sm-10 {
    @apply ml-10;
  }
  .ms-sm-11 {
    @apply ml-12;
  }
  .ms-sm-12 {
    @apply ml-14;
  }
  .ms-sm-13 {
    @apply ml-16;
  }
  .ms-sm-14 {
    @apply ml-[4.5rem];
  }
  .ms-sm-15 {
    @apply ml-20;
  }
  .ms-sm-16 {
    @apply ml-24;
  }
  .ms-sm-17 {
    @apply ml-28;
  }
  .ms-sm-18 {
    @apply ml-32;
  }
  .ms-sm-19 {
    @apply ml-36;
  }
  .ms-sm-20 {
    @apply ml-40;
  }
  .ms-sm-21 {
    @apply ml-[12.5rem];
  }
  .ms-sm-22 {
    @apply ml-60;
  }
  .ms-sm-23 {
    @apply ml-[17.5rem];
  }
  .ms-sm-24 {
    @apply ml-80;
  }
  .ms-sm-25 {
    @apply ml-[22.5rem];
  }
  .ms-sm-auto {
    @apply ml-auto;
  }
  .m-sm-n1 {
    @apply mt-[-0.25rem] mr-[-0.25rem] mb-[-0.25rem] ml-[-0.25rem];
  }
  .m-sm-n2 {
    @apply mt-[-0.5rem] mr-[-0.5rem] mb-[-0.5rem] ml-[-0.5rem];
  }
  .m-sm-n3 {
    @apply mt-[-0.75rem] mr-[-0.75rem] mb-[-0.75rem] ml-[-0.75rem];
  }
  .m-sm-n4 {
    @apply mt-[-1rem] mr-[-1rem] mb-[-1rem] ml-[-1rem];
  }
  .m-sm-n5 {
    @apply mt-[-1.25rem] mr-[-1.25rem] mb-[-1.25rem] ml-[-1.25rem];
  }
  .m-sm-n6 {
    @apply mt-[-1.5rem] mr-[-1.5rem] mb-[-1.5rem] ml-[-1.5rem];
  }
  .m-sm-n7 {
    @apply mt-[-1.75rem] mr-[-1.75rem] mb-[-1.75rem] ml-[-1.75rem];
  }
  .m-sm-n8 {
    @apply mt-[-2rem] mr-[-2rem] mb-[-2rem] ml-[-2rem];
  }
  .m-sm-n9 {
    @apply mt-[-2.25rem] mr-[-2.25rem] mb-[-2.25rem] ml-[-2.25rem];
  }
  .m-sm-n10 {
    @apply mt-[-2.5rem] mr-[-2.5rem] mb-[-2.5rem] ml-[-2.5rem];
  }
  .m-sm-n11 {
    @apply mt-[-3rem] mr-[-3rem] mb-[-3rem] ml-[-3rem];
  }
  .m-sm-n12 {
    @apply mt-[-3.5rem] mr-[-3.5rem] mb-[-3.5rem] ml-[-3.5rem];
  }
  .m-sm-n13 {
    @apply mt-[-4rem] mr-[-4rem] mb-[-4rem] ml-[-4rem];
  }
  .m-sm-n14 {
    @apply mt-[-4.5rem] mr-[-4.5rem] mb-[-4.5rem] ml-[-4.5rem];
  }
  .m-sm-n15 {
    @apply mt-[-5rem] mr-[-5rem] mb-[-5rem] ml-[-5rem];
  }
  .m-sm-n16 {
    @apply mt-[-6rem] mr-[-6rem] mb-[-6rem] ml-[-6rem];
  }
  .m-sm-n17 {
    @apply mt-[-7rem] mr-[-7rem] mb-[-7rem] ml-[-7rem];
  }
  .m-sm-n18 {
    @apply mt-[-8rem] mr-[-8rem] mb-[-8rem] ml-[-8rem];
  }
  .m-sm-n19 {
    @apply mt-[-9rem] mr-[-9rem] mb-[-9rem] ml-[-9rem];
  }
  .m-sm-n20 {
    @apply mt-[-10rem] mr-[-10rem] mb-[-10rem] ml-[-10rem];
  }
  .m-sm-n21 {
    @apply mt-[-12.5rem] mr-[-12.5rem] mb-[-12.5rem] ml-[-12.5rem];
  }
  .m-sm-n22 {
    @apply mt-[-15rem] mr-[-15rem] mb-[-15rem] ml-[-15rem];
  }
  .m-sm-n23 {
    @apply mt-[-17.5rem] mr-[-17.5rem] mb-[-17.5rem] ml-[-17.5rem];
  }
  .m-sm-n24 {
    @apply mt-[-20rem] mr-[-20rem] mb-[-20rem] ml-[-20rem];
  }
  .m-sm-n25 {
    @apply mt-[-22.5rem] mr-[-22.5rem] mb-[-22.5rem] ml-[-22.5rem];
  }
  .mx-sm-n1 {
    @apply mr-[-0.25rem] ml-[-0.25rem];
  }
  .mx-sm-n2 {
    @apply sm:mx-[-0.5rem];
  }
  .mx-sm-n3 {
    @apply mr-[-0.75rem] ml-[-0.75rem];
  }
  .mx-sm-n4 {
    @apply mr-[-1rem] ml-[-1rem];
  }
  .mx-sm-n5 {
    @apply mr-[-1.25rem] ml-[-1.25rem];
  }
  .mx-sm-n6 {
    @apply mr-[-1.5rem] ml-[-1.5rem];
  }
  .mx-sm-n7 {
    @apply mr-[-1.75rem] ml-[-1.75rem];
  }
  .mx-sm-n8 {
    @apply mr-[-2rem] ml-[-2rem];
  }
  .mx-sm-n9 {
    @apply mr-[-2.25rem] ml-[-2.25rem];
  }
  .mx-sm-n10 {
    @apply mr-[-2.5rem] ml-[-2.5rem];
  }
  .mx-sm-n11 {
    @apply mr-[-3rem] ml-[-3rem];
  }
  .mx-sm-n12 {
    @apply mr-[-3.5rem] ml-[-3.5rem];
  }
  .mx-sm-n13 {
    @apply mr-[-4rem] ml-[-4rem];
  }
  .mx-sm-n14 {
    @apply mr-[-4.5rem] ml-[-4.5rem];
  }
  .mx-sm-n15 {
    @apply mr-[-5rem] ml-[-5rem];
  }
  .mx-sm-n16 {
    @apply mr-[-6rem] ml-[-6rem];
  }
  .mx-sm-n17 {
    @apply mr-[-7rem] ml-[-7rem];
  }
  .mx-sm-n18 {
    @apply mr-[-8rem] ml-[-8rem];
  }
  .mx-sm-n19 {
    @apply mr-[-9rem] ml-[-9rem];
  }
  .mx-sm-n20 {
    @apply mr-[-10rem] ml-[-10rem];
  }
  .mx-sm-n21 {
    @apply mr-[-12.5rem] ml-[-12.5rem];
  }
  .mx-sm-n22 {
    @apply mr-[-15rem] ml-[-15rem];
  }
  .mx-sm-n23 {
    @apply mr-[-17.5rem] ml-[-17.5rem];
  }
  .mx-sm-n24 {
    @apply mr-[-20rem] ml-[-20rem];
  }
  .mx-sm-n25 {
    @apply mr-[-22.5rem] ml-[-22.5rem];
  }
  .my-sm-n1 {
    @apply mt-[-0.25rem] mb-[-0.25rem];
  }
  .my-sm-n2 {
    @apply mt-[-0.5rem] mb-[-0.5rem];
  }
  .my-sm-n3 {
    @apply mt-[-0.75rem] mb-[-0.75rem];
  }
  .my-sm-n4 {
    @apply mt-[-1rem] mb-[-1rem];
  }
  .my-sm-n5 {
    @apply mt-[-1.25rem] mb-[-1.25rem];
  }
  .my-sm-n6 {
    @apply mt-[-1.5rem] mb-[-1.5rem];
  }
  .my-sm-n7 {
    @apply mt-[-1.75rem] mb-[-1.75rem];
  }
  .my-sm-n8 {
    @apply mt-[-2rem] mb-[-2rem];
  }
  .my-sm-n9 {
    @apply mt-[-2.25rem] mb-[-2.25rem];
  }
  .my-sm-n10 {
    @apply mt-[-2.5rem] mb-[-2.5rem];
  }
  .my-sm-n11 {
    @apply mt-[-3rem] mb-[-3rem];
  }
  .my-sm-n12 {
    @apply mt-[-3.5rem] mb-[-3.5rem];
  }
  .my-sm-n13 {
    @apply mt-[-4rem] mb-[-4rem];
  }
  .my-sm-n14 {
    @apply mt-[-4.5rem] mb-[-4.5rem];
  }
  .my-sm-n15 {
    @apply mt-[-5rem] mb-[-5rem];
  }
  .my-sm-n16 {
    @apply mt-[-6rem] mb-[-6rem];
  }
  .my-sm-n17 {
    @apply mt-[-7rem] mb-[-7rem];
  }
  .my-sm-n18 {
    @apply mt-[-8rem] mb-[-8rem];
  }
  .my-sm-n19 {
    @apply mt-[-9rem] mb-[-9rem];
  }
  .my-sm-n20 {
    @apply mt-[-10rem] mb-[-10rem];
  }
  .my-sm-n21 {
    @apply mt-[-12.5rem] mb-[-12.5rem];
  }
  .my-sm-n22 {
    @apply mt-[-15rem] mb-[-15rem];
  }
  .my-sm-n23 {
    @apply mt-[-17.5rem] mb-[-17.5rem];
  }
  .my-sm-n24 {
    @apply mt-[-20rem] mb-[-20rem];
  }
  .my-sm-n25 {
    @apply mt-[-22.5rem] mb-[-22.5rem];
  }
  .mt-sm-n1 {
    @apply mt-[-0.25rem];
  }
  .mt-sm-n2 {
    @apply mt-[-0.5rem];
  }
  .mt-sm-n3 {
    @apply mt-[-0.75rem];
  }
  .mt-sm-n4 {
    @apply mt-[-1rem];
  }
  .mt-sm-n5 {
    @apply mt-[-1.25rem];
  }
  .mt-sm-n6 {
    @apply mt-[-1.5rem];
  }
  .mt-sm-n7 {
    @apply mt-[-1.75rem];
  }
  .mt-sm-n8 {
    @apply mt-[-2rem];
  }
  .mt-sm-n9 {
    @apply mt-[-2.25rem];
  }
  .mt-sm-n10 {
    @apply mt-[-2.5rem];
  }
  .mt-sm-n11 {
    @apply mt-[-3rem];
  }
  .mt-sm-n12 {
    @apply mt-[-3.5rem];
  }
  .mt-sm-n13 {
    @apply mt-[-4rem];
  }
  .mt-sm-n14 {
    @apply mt-[-4.5rem];
  }
  .mt-sm-n15 {
    @apply mt-[-5rem];
  }
  .mt-sm-n16 {
    @apply mt-[-6rem];
  }
  .mt-sm-n17 {
    @apply mt-[-7rem];
  }
  .mt-sm-n18 {
    @apply mt-[-8rem];
  }
  .mt-sm-n19 {
    @apply mt-[-9rem];
  }
  .mt-sm-n20 {
    @apply mt-[-10rem];
  }
  .mt-sm-n21 {
    @apply mt-[-12.5rem];
  }
  .mt-sm-n22 {
    @apply mt-[-15rem];
  }
  .mt-sm-n23 {
    @apply mt-[-17.5rem];
  }
  .mt-sm-n24 {
    @apply mt-[-20rem];
  }
  .mt-sm-n25 {
    @apply mt-[-22.5rem];
  }
  .me-sm-n1 {
    @apply mr-[-0.25rem];
  }
  .me-sm-n2 {
    @apply mr-[-0.5rem];
  }
  .me-sm-n3 {
    @apply mr-[-0.75rem];
  }
  .me-sm-n4 {
    @apply mr-[-1rem];
  }
  .me-sm-n5 {
    @apply mr-[-1.25rem];
  }
  .me-sm-n6 {
    @apply mr-[-1.5rem];
  }
  .me-sm-n7 {
    @apply mr-[-1.75rem];
  }
  .me-sm-n8 {
    @apply mr-[-2rem];
  }
  .me-sm-n9 {
    @apply mr-[-2.25rem];
  }
  .me-sm-n10 {
    @apply mr-[-2.5rem];
  }
  .me-sm-n11 {
    @apply mr-[-3rem];
  }
  .me-sm-n12 {
    @apply mr-[-3.5rem];
  }
  .me-sm-n13 {
    @apply mr-[-4rem];
  }
  .me-sm-n14 {
    @apply mr-[-4.5rem];
  }
  .me-sm-n15 {
    @apply mr-[-5rem];
  }
  .me-sm-n16 {
    @apply mr-[-6rem];
  }
  .me-sm-n17 {
    @apply mr-[-7rem];
  }
  .me-sm-n18 {
    @apply mr-[-8rem];
  }
  .me-sm-n19 {
    @apply mr-[-9rem];
  }
  .me-sm-n20 {
    @apply mr-[-10rem];
  }
  .me-sm-n21 {
    @apply mr-[-12.5rem];
  }
  .me-sm-n22 {
    @apply mr-[-15rem];
  }
  .me-sm-n23 {
    @apply mr-[-17.5rem];
  }
  .me-sm-n24 {
    @apply mr-[-20rem];
  }
  .me-sm-n25 {
    @apply mr-[-22.5rem];
  }
  .mb-sm-n1 {
    @apply mb-[-0.25rem];
  }
  .mb-sm-n2 {
    @apply mb-[-0.5rem];
  }
  .mb-sm-n3 {
    @apply mb-[-0.75rem];
  }
  .mb-sm-n4 {
    @apply mb-[-1rem];
  }
  .mb-sm-n5 {
    @apply mb-[-1.25rem];
  }
  .mb-sm-n6 {
    @apply mb-[-1.5rem];
  }
  .mb-sm-n7 {
    @apply mb-[-1.75rem];
  }
  .mb-sm-n8 {
    @apply mb-[-2rem];
  }
  .mb-sm-n9 {
    @apply mb-[-2.25rem];
  }
  .mb-sm-n10 {
    @apply mb-[-2.5rem];
  }
  .mb-sm-n11 {
    @apply mb-[-3rem];
  }
  .mb-sm-n12 {
    @apply mb-[-3.5rem];
  }
  .mb-sm-n13 {
    @apply mb-[-4rem];
  }
  .mb-sm-n14 {
    @apply mb-[-4.5rem];
  }
  .mb-sm-n15 {
    @apply mb-[-5rem];
  }
  .mb-sm-n16 {
    @apply mb-[-6rem];
  }
  .mb-sm-n17 {
    @apply mb-[-7rem];
  }
  .mb-sm-n18 {
    @apply mb-[-8rem];
  }
  .mb-sm-n19 {
    @apply mb-[-9rem];
  }
  .mb-sm-n20 {
    @apply mb-[-10rem];
  }
  .mb-sm-n21 {
    @apply mb-[-12.5rem];
  }
  .mb-sm-n22 {
    @apply mb-[-15rem];
  }
  .mb-sm-n23 {
    @apply mb-[-17.5rem];
  }
  .mb-sm-n24 {
    @apply mb-[-20rem];
  }
  .mb-sm-n25 {
    @apply mb-[-22.5rem];
  }
  .ms-sm-n1 {
    @apply ml-[-0.25rem];
  }
  .ms-sm-n2 {
    @apply ml-[-0.5rem];
  }
  .ms-sm-n3 {
    @apply ml-[-0.75rem];
  }
  .ms-sm-n4 {
    @apply ml-[-1rem];
  }
  .ms-sm-n5 {
    @apply ml-[-1.25rem];
  }
  .ms-sm-n6 {
    @apply ml-[-1.5rem];
  }
  .ms-sm-n7 {
    @apply ml-[-1.75rem];
  }
  .ms-sm-n8 {
    @apply ml-[-2rem];
  }
  .ms-sm-n9 {
    @apply ml-[-2.25rem];
  }
  .ms-sm-n10 {
    @apply ml-[-2.5rem];
  }
  .ms-sm-n11 {
    @apply ml-[-3rem];
  }
  .ms-sm-n12 {
    @apply ml-[-3.5rem];
  }
  .ms-sm-n13 {
    @apply ml-[-4rem];
  }
  .ms-sm-n14 {
    @apply ml-[-4.5rem];
  }
  .ms-sm-n15 {
    @apply ml-[-5rem];
  }
  .ms-sm-n16 {
    @apply ml-[-6rem];
  }
  .ms-sm-n17 {
    @apply ml-[-7rem];
  }
  .ms-sm-n18 {
    @apply ml-[-8rem];
  }
  .ms-sm-n19 {
    @apply ml-[-9rem];
  }
  .ms-sm-n20 {
    @apply ml-[-10rem];
  }
  .ms-sm-n21 {
    @apply ml-[-12.5rem];
  }
  .ms-sm-n22 {
    @apply ml-[-15rem];
  }
  .ms-sm-n23 {
    @apply ml-[-17.5rem];
  }
  .ms-sm-n24 {
    @apply ml-[-20rem];
  }
  .ms-sm-n25 {
    @apply ml-[-22.5rem];
  }
  .p-sm-0 {
    @apply p-0;
  }
  .p-sm-1 {
    @apply p-1;
  }
  .p-sm-2 {
    @apply p-2;
  }
  .p-sm-3 {
    @apply p-3;
  }
  .p-sm-4 {
    @apply p-4;
  }
  .p-sm-5 {
    @apply p-5;
  }
  .p-sm-6 {
    @apply p-6;
  }
  .p-sm-7 {
    @apply p-7;
  }
  .p-sm-8 {
    @apply p-8;
  }
  .p-sm-9 {
    @apply p-9;
  }
  .p-sm-10 {
    @apply p-10;
  }
  .p-sm-11 {
    @apply p-12;
  }
  .p-sm-12 {
    @apply p-14;
  }
  .p-sm-13 {
    @apply p-16;
  }
  .p-sm-14 {
    @apply p-[4.5rem];
  }
  .p-sm-15 {
    @apply p-20;
  }
  .p-sm-16 {
    @apply p-24;
  }
  .p-sm-17 {
    @apply p-28;
  }
  .p-sm-18 {
    @apply p-32;
  }
  .p-sm-19 {
    @apply p-36;
  }
  .p-sm-20 {
    @apply p-40;
  }
  .p-sm-21 {
    @apply p-[12.5rem];
  }
  .p-sm-22 {
    @apply p-60;
  }
  .p-sm-23 {
    @apply p-[17.5rem];
  }
  .p-sm-24 {
    @apply p-80;
  }
  .p-sm-25 {
    @apply p-[22.5rem];
  }
  .px-sm-0 {
    @apply px-0;
  }
  .px-sm-1 {
    @apply px-1;
  }
  .px-sm-2 {
    @apply px-2;
  }
  .px-sm-3 {
    @apply px-3;
  }
  .px-sm-4 {
    @apply px-4;
  }
  .px-sm-5 {
    @apply px-5;
  }
  .px-sm-6 {
    @apply px-6;
  }
  .px-sm-7 {
    @apply px-7;
  }
  .px-sm-8 {
    @apply px-8;
  }
  .px-sm-9 {
    @apply px-9;
  }
  .px-sm-10 {
    @apply px-10;
  }
  .px-sm-11 {
    @apply px-12;
  }
  .px-sm-12 {
    @apply px-14;
  }
  .px-sm-13 {
    @apply px-16;
  }
  .px-sm-14 {
    @apply px-[4.5rem];
  }
  .px-sm-15 {
    @apply px-20;
  }
  .px-sm-16 {
    @apply px-24;
  }
  .px-sm-17 {
    @apply px-28;
  }
  .px-sm-18 {
    @apply px-32;
  }
  .px-sm-19 {
    @apply px-36;
  }
  .px-sm-20 {
    @apply px-40;
  }
  .px-sm-21 {
    @apply px-[12.5rem];
  }
  .px-sm-22 {
    @apply px-60;
  }
  .px-sm-23 {
    @apply px-[17.5rem];
  }
  .px-sm-24 {
    @apply px-80;
  }
  .px-sm-25 {
    @apply px-[22.5rem];
  }
  .py-sm-0 {
    @apply sm:!py-0;
  }
  .py-sm-1 {
    @apply sm:!py-1;
  }
  .py-sm-2 {
    @apply sm:!py-2;
  }
  .py-sm-3 {
    @apply sm:!py-3;
  }
  .py-sm-4 {
    @apply sm:!py-4;
  }
  .py-sm-5 {
    @apply sm:!py-5;
  }
  .py-sm-6 {
    @apply sm:!py-6;
  }
  .py-sm-7 {
    @apply sm:!py-7;
  }
  .py-sm-8 {
    @apply sm:!py-8;
  }
  .py-sm-9 {
    @apply sm:!py-9;
  }
  .py-sm-10 {
    @apply sm:!py-10;
  }
  .py-sm-11 {
    @apply sm:!py-12;
  }
  .py-sm-12 {
    @apply sm:!py-14;
  }
  .py-sm-13 {
    @apply sm:!py-16;
  }
  .py-sm-14 {
    @apply sm:!py-[4.5rem];
  }
  .py-sm-15 {
    @apply sm:!py-20;
  }
  .py-sm-16 {
    @apply sm:!py-24;
  }
  .py-sm-17 {
    @apply sm:!py-28;
  }
  .py-sm-18 {
    @apply sm:!py-32;
  }
  .py-sm-19 {
    @apply sm:!py-36;
  }
  .py-sm-20 {
    @apply sm:!py-40;
  }
  .py-sm-21 {
    @apply sm:!py-[12.5rem];
  }
  .py-sm-22 {
    @apply sm:!py-60;
  }
  .py-sm-23 {
    @apply sm:!py-[17.5rem];
  }
  .py-sm-24 {
    @apply sm:!py-80;
  }
  .py-sm-25 {
    @apply sm:!py-[22.5rem];
  }
  .pt-sm-0 {
    @apply pt-0;
  }
  .pt-sm-1 {
    @apply pt-1;
  }
  .pt-sm-2 {
    @apply pt-2;
  }
  .pt-sm-3 {
    @apply pt-3;
  }
  .pt-sm-4 {
    @apply pt-4;
  }
  .pt-sm-5 {
    @apply pt-5;
  }
  .pt-sm-6 {
    @apply pt-6;
  }
  .pt-sm-7 {
    @apply pt-7;
  }
  .pt-sm-8 {
    @apply pt-8;
  }
  .pt-sm-9 {
    @apply pt-9;
  }
  .pt-sm-10 {
    @apply pt-10;
  }
  .pt-sm-11 {
    @apply pt-12;
  }
  .pt-sm-12 {
    @apply pt-14;
  }
  .pt-sm-13 {
    @apply pt-16;
  }
  .pt-sm-14 {
    @apply pt-[4.5rem];
  }
  .pt-sm-15 {
    @apply pt-20;
  }
  .pt-sm-16 {
    @apply pt-24;
  }
  .pt-sm-17 {
    @apply pt-28;
  }
  .pt-sm-18 {
    @apply pt-32;
  }
  .pt-sm-19 {
    @apply pt-36;
  }
  .pt-sm-20 {
    @apply pt-40;
  }
  .pt-sm-21 {
    @apply pt-[12.5rem];
  }
  .pt-sm-22 {
    @apply pt-60;
  }
  .pt-sm-23 {
    @apply pt-[17.5rem];
  }
  .pt-sm-24 {
    @apply pt-80;
  }
  .pt-sm-25 {
    @apply pt-[22.5rem];
  }
  .pe-sm-0 {
    @apply pr-0;
  }
  .pe-sm-1 {
    @apply pr-1;
  }
  .pe-sm-2 {
    @apply pr-2;
  }
  .pe-sm-3 {
    @apply pr-[.75rem];
  }
  .pe-sm-4 {
    @apply pr-4;
  }
  .pe-sm-5 {
    @apply pr-5;
  }
  .pe-sm-6 {
    @apply pr-6;
  }
  .pe-sm-7 {
    @apply pr-7;
  }
  .pe-sm-8 {
    @apply pr-8;
  }
  .pe-sm-9 {
    @apply pr-9;
  }
  .pe-sm-10 {
    @apply pr-10;
  }
  .pe-sm-11 {
    @apply pr-12;
  }
  .pe-sm-12 {
    @apply pr-14;
  }
  .pe-sm-13 {
    @apply pr-16;
  }
  .pe-sm-14 {
    @apply pr-[4.5rem];
  }
  .pe-sm-15 {
    @apply pr-20;
  }
  .pe-sm-16 {
    @apply pr-24;
  }
  .pe-sm-17 {
    @apply pr-28;
  }
  .pe-sm-18 {
    @apply pr-32;
  }
  .pe-sm-19 {
    @apply pr-36;
  }
  .pe-sm-20 {
    @apply pr-40;
  }
  .pe-sm-21 {
    @apply pr-[12.5rem];
  }
  .pe-sm-22 {
    @apply pr-60;
  }
  .pe-sm-23 {
    @apply pr-[17.5rem];
  }
  .pe-sm-24 {
    @apply pr-80;
  }
  .pe-sm-25 {
    @apply pr-[22.5rem];
  }
  .pb-sm-0 {
    @apply pb-0;
  }
  .pb-sm-1 {
    @apply pb-1;
  }
  .pb-sm-2 {
    @apply pb-2;
  }
  .pb-sm-3 {
    @apply pb-3;
  }
  .pb-sm-4 {
    @apply pb-4;
  }
  .pb-sm-5 {
    @apply pb-5;
  }
  .pb-sm-6 {
    @apply pb-6;
  }
  .pb-sm-7 {
    @apply pb-7;
  }
  .pb-sm-8 {
    @apply pb-8;
  }
  .pb-sm-9 {
    @apply pb-9;
  }
  .pb-sm-10 {
    @apply pb-10;
  }
  .pb-sm-11 {
    @apply pb-12;
  }
  .pb-sm-12 {
    @apply pb-14;
  }
  .pb-sm-13 {
    @apply pb-16;
  }
  .pb-sm-14 {
    @apply pb-[4.5rem];
  }
  .pb-sm-15 {
    @apply pb-20;
  }
  .pb-sm-16 {
    @apply pb-24;
  }
  .pb-sm-17 {
    @apply pb-28;
  }
  .pb-sm-18 {
    @apply pb-32;
  }
  .pb-sm-19 {
    @apply pb-36;
  }
  .pb-sm-20 {
    @apply pb-40;
  }
  .pb-sm-21 {
    @apply pb-[12.5rem];
  }
  .pb-sm-22 {
    @apply pb-60;
  }
  .pb-sm-23 {
    @apply pb-[17.5rem];
  }
  .pb-sm-24 {
    @apply pb-80;
  }
  .pb-sm-25 {
    @apply pb-[22.5rem];
  }
  .ps-sm-0 {
    @apply pl-0;
  }
  .ps-sm-1 {
    @apply pl-1;
  }
  .ps-sm-2 {
    @apply pl-2;
  }
  .ps-sm-3 {
    @apply pl-3;
  }
  .ps-sm-4 {
    @apply pl-4;
  }
  .ps-sm-5 {
    @apply pl-5;
  }
  .ps-sm-6 {
    @apply pl-6;
  }
  .ps-sm-7 {
    @apply pl-[1.75rem];
  }
  .ps-sm-8 {
    @apply pl-8;
  }
  .ps-sm-9 {
    @apply pl-9;
  }
  .ps-sm-10 {
    @apply pl-10;
  }
  .ps-sm-11 {
    @apply pl-12;
  }
  .ps-sm-12 {
    @apply pl-14;
  }
  .ps-sm-13 {
    @apply pl-16;
  }
  .ps-sm-14 {
    @apply pl-[4.5rem];
  }
  .ps-sm-15 {
    @apply pl-20;
  }
  .ps-sm-16 {
    @apply pl-24;
  }
  .ps-sm-17 {
    @apply pl-28;
  }
  .ps-sm-18 {
    @apply pl-32;
  }
  .ps-sm-19 {
    @apply pl-36;
  }
  .ps-sm-20 {
    @apply pl-40;
  }
  .ps-sm-21 {
    @apply pl-[12.5rem];
  }
  .ps-sm-22 {
    @apply pl-60;
  }
  .ps-sm-23 {
    @apply pl-[17.5rem];
  }
  .ps-sm-24 {
    @apply pl-80;
  }
  .ps-sm-25 {
    @apply pl-[22.5rem];
  }
  .gap-sm-0 {
    @apply gap-0;
  }
  .gap-sm-1 {
    @apply gap-1;
  }
  .gap-sm-2 {
    @apply gap-2;
  }
  .gap-sm-3 {
    @apply gap-3;
  }
  .gap-sm-4 {
    @apply gap-4;
  }
  .gap-sm-5 {
    @apply gap-5;
  }
  .gap-sm-6 {
    @apply gap-6;
  }
  .gap-sm-7 {
    @apply gap-7;
  }
  .gap-sm-8 {
    @apply gap-8;
  }
  .gap-sm-9 {
    @apply gap-9;
  }
  .gap-sm-10 {
    @apply gap-10;
  }
  .gap-sm-11 {
    @apply gap-12;
  }
  .gap-sm-12 {
    @apply gap-14;
  }
  .gap-sm-13 {
    @apply gap-16;
  }
  .gap-sm-14 {
    @apply gap-[4.5rem];
  }
  .gap-sm-15 {
    @apply gap-20;
  }
  .gap-sm-16 {
    @apply gap-24;
  }
  .gap-sm-17 {
    @apply gap-28;
  }
  .gap-sm-18 {
    @apply gap-32;
  }
  .gap-sm-19 {
    @apply gap-36;
  }
  .gap-sm-20 {
    @apply gap-40;
  }
  .gap-sm-21 {
    @apply gap-[12.5rem];
  }
  .gap-sm-22 {
    @apply gap-60;
  }
  .gap-sm-23 {
    @apply gap-[17.5rem];
  }
  .gap-sm-24 {
    @apply gap-80;
  }
  .gap-sm-25 {
    @apply gap-[22.5rem];
  }
  .row-gap-sm-0 {
    @apply gap-y-0;
  }
  .row-gap-sm-1 {
    @apply gap-y-1;
  }
  .row-gap-sm-2 {
    @apply gap-y-2;
  }
  .row-gap-sm-3 {
    @apply gap-y-3;
  }
  .row-gap-sm-4 {
    @apply gap-y-4;
  }
  .row-gap-sm-5 {
    @apply gap-y-5;
  }
  .row-gap-sm-6 {
    @apply gap-y-6;
  }
  .row-gap-sm-7 {
    @apply gap-y-7;
  }
  .row-gap-sm-8 {
    @apply gap-y-8;
  }
  .row-gap-sm-9 {
    @apply gap-y-9;
  }
  .row-gap-sm-10 {
    @apply gap-y-10;
  }
  .row-gap-sm-11 {
    @apply gap-y-12;
  }
  .row-gap-sm-12 {
    @apply gap-y-14;
  }
  .row-gap-sm-13 {
    @apply gap-y-16;
  }
  .row-gap-sm-14 {
    @apply gap-y-[4.5rem];
  }
  .row-gap-sm-15 {
    @apply gap-y-20;
  }
  .row-gap-sm-16 {
    @apply gap-y-24;
  }
  .row-gap-sm-17 {
    @apply gap-y-28;
  }
  .row-gap-sm-18 {
    @apply gap-y-32;
  }
  .row-gap-sm-19 {
    @apply gap-y-36;
  }
  .row-gap-sm-20 {
    @apply gap-y-40;
  }
  .row-gap-sm-21 {
    @apply gap-y-[12.5rem];
  }
  .row-gap-sm-22 {
    @apply gap-y-60;
  }
  .row-gap-sm-23 {
    @apply gap-y-[17.5rem];
  }
  .row-gap-sm-24 {
    @apply gap-y-80;
  }
  .row-gap-sm-25 {
    @apply gap-y-[22.5rem];
  }
  .column-gap-sm-0 {
    @apply gap-x-0;
    -moz-column-gap: 0 !important;
  }
  .column-gap-sm-1 {
    @apply gap-x-1;
    -moz-column-gap: 0.25rem !important;
  }
  .column-gap-sm-2 {
    @apply gap-x-2;
    -moz-column-gap: 0.5rem !important;
  }
  .column-gap-sm-3 {
    @apply gap-x-3;
    -moz-column-gap: 0.75rem !important;
  }
  .column-gap-sm-4 {
    @apply gap-x-4;
    -moz-column-gap: 1rem !important;
  }
  .column-gap-sm-5 {
    @apply gap-x-5;
    -moz-column-gap: 1.25rem !important;
  }
  .column-gap-sm-6 {
    @apply gap-x-6;
    -moz-column-gap: 1.5rem !important;
  }
  .column-gap-sm-7 {
    @apply gap-x-7;
    -moz-column-gap: 1.75rem !important;
  }
  .column-gap-sm-8 {
    @apply gap-x-8;
    -moz-column-gap: 2rem !important;
  }
  .column-gap-sm-9 {
    @apply gap-x-9;
    -moz-column-gap: 2.25rem !important;
  }
  .column-gap-sm-10 {
    @apply gap-x-10;
    -moz-column-gap: 2.5rem !important;
  }
  .column-gap-sm-11 {
    @apply gap-x-12;
    -moz-column-gap: 3rem !important;
  }
  .column-gap-sm-12 {
    @apply gap-x-14;
    -moz-column-gap: 3.5rem !important;
  }
  .column-gap-sm-13 {
    @apply gap-x-16;
    -moz-column-gap: 4rem !important;
  }
  .column-gap-sm-14 {
    @apply gap-x-[4.5rem];
    -moz-column-gap: 4.5rem !important;
  }
  .column-gap-sm-15 {
    @apply gap-x-20;
    -moz-column-gap: 5rem !important;
  }
  .column-gap-sm-16 {
    @apply gap-x-24;
    -moz-column-gap: 6rem !important;
  }
  .column-gap-sm-17 {
    @apply gap-x-28;
    -moz-column-gap: 7rem !important;
  }
  .column-gap-sm-18 {
    @apply gap-x-32;
    -moz-column-gap: 8rem !important;
  }
  .column-gap-sm-19 {
    @apply gap-x-36;
    -moz-column-gap: 9rem !important;
  }
  .column-gap-sm-20 {
    @apply gap-x-40;
    -moz-column-gap: 10rem !important;
  }
  .column-gap-sm-21 {
    @apply gap-x-[12.5rem];
    -moz-column-gap: 12.5rem !important;
  }
  .column-gap-sm-22 {
    @apply gap-x-60;
    -moz-column-gap: 15rem !important;
  }
  .column-gap-sm-23 {
    @apply gap-x-[17.5rem];
    -moz-column-gap: 17.5rem !important;
  }
  .column-gap-sm-24 {
    @apply gap-x-80;
    -moz-column-gap: 20rem !important;
  }
  .column-gap-sm-25 {
    @apply gap-x-[22.5rem];
    -moz-column-gap: 22.5rem !important;
  }
  .text-sm-start {
    @apply text-left;
  }
  .text-sm-end {
    @apply text-right;
  }
  .text-sm-center {
    @apply text-center;
  }

  .navbar-expand-sm.navbar-light
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply text-[#22b573];
  }
  .navbar-expand-sm .dropdown-mega,
  .navbar-expand-sm .navbar-nav {
    @apply static;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-lg {
    @apply pt-[1.6rem] pb-[1.3rem] px-1;
  }
  .navbar-expand-sm
    .navbar-nav
    .dropdown-menu.dropdown-lg
    .dropdown-lg-content {
    @apply flex flex-row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header {
    @apply pt-0;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu:before {
    @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu .dropdown-toggle:after {
    @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem];
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu.mega-menu {
    @apply mx-3;
  }
  .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-menu {
    @apply invisible pointer-events-none opacity-0 block top-[120%];
  }
  .navbar-expand-sm:not(.hover-none)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full;
    pointer-events: all;
  }
  .navbar-expand-sm:not(.hover-none) .navbar-nav .dropdown-submenu {
    @apply relative;
  }
  .navbar-expand-sm:not(.hover-none)
    .navbar-nav
    .dropdown-submenu
    .dropdown-menu {
    @apply top-[30%];
  }
  .navbar-expand-sm:not(.hover-none)
    .navbar-nav
    .dropdown-submenu.dropstart:before {
    @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1];
  }
  .navbar-expand-sm:not(.hover-none)
    .navbar-nav
    .dropdown-submenu:hover
    > .dropdown-menu {
    @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0;
    pointer-events: all;
  }
  .navbar-expand-sm .dropend > .dropdown-menu {
    @apply ml-2;
  }
  .navbar-expand-sm .dropstart > .dropdown-menu {
    @apply mr-2;
  }
  .navbar-expand-sm .offcanvas-nav {
    @apply flex-row;
    position: unset;
  }
  .navbar-expand-sm .offcanvas-nav.offcanvas-end,
  .navbar-expand-sm .offcanvas-nav.offcanvas-start {
    @apply w-full;
  }
  .navbar-expand-sm.extended.navbar-bg-light:not(.fixed),
  .navbar-expand-sm.fancy.navbar-bg-light:not(.fixed) {
    @apply bg-inherit;
  }
  .navbar-expand-sm.extended:not(.fixed) .navbar-collapse .nav-link {
    @apply py-[1.15rem];
  }
  .navbar-expand-sm.fancy:not(.fixed) .navbar-collapse .nav-link {
    @apply py-5;
  }
  .navbar-expand-sm[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed)
    .navbar-collapse
    .nav-link {
    @apply py-[1.7rem];
  }
  .navbar-expand-sm.extended .navbar-collapse-wrapper,
  .navbar-expand-sm.fancy .navbar-collapse-wrapper {
    @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem];
  }
  .navbar-expand-sm.extended:not(.extended-alt):not(.fixed)
    .navbar-collapse-wrapper {
    @apply pl-2 pr-6 py-0;
  }
  .navbar-expand-sm.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper {
    @apply px-6 py-0;
  }
  .navbar-expand-sm.fancy:not(.fixed) .navbar-collapse-wrapper {
    @apply mt-9 px-6 py-0;
  }
  .navbar-expand-sm.extended:not(.extended-alt) .navbar-brand {
    @apply py-6;
  }
  .navbar-expand-sm.extended.extended-alt .navbar-brand {
    @apply py-7;
  }
  .navbar-expand-sm.fixed .topbar {
    @apply hidden;
  }
  .navbar-expand-sm.navbar-dark:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-sm.navbar-light:not(.transparent)
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu,
  .navbar-expand-sm.transparent.fixed
    .navbar-nav
    .dropdown:not(.dropdown-submenu):not(.language-select)
    > .dropdown-menu {
    @apply mt-2;
  }
  .navbar-expand-sm .navbar-collapse .nav-link {
    @apply whitespace-nowrap;
  }
  .navbar-expand-sm .navbar-collapse .nav-item.parent-link {
    @apply flex flex-row items-center;
  }
  .navbar-expand-sm
    .navbar-collapse
    .nav-item.parent-link
    > .nav-link:first-child {
    @apply pr-0;
  }
  .navbar-expand-sm .navbar-collapse .nav-item.parent-link .dropdown-toggle {
    @apply pl-0;
  }
  .navbar-expand-sm .dropdown-lg-content > div + div,
  .navbar-expand-sm
    .mega-menu-content
    > .row
    > [class*="col-"]
    + [class*="col-"] {
    @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid;
  }
  .navbar-expand-sm .mega-menu-content {
    @apply pt-[0.6rem] pb-[0.2rem] px-1;
  }
  .navbar-expand-sm .mega-menu-dark {
    @apply bg-[#2e353e];
  }
  .navbar-expand-sm .mega-menu-dark .img-svg {
    @apply transition-all duration-[0.2s] ease-in-out bg-[rgba(255,255,255,.05)];
  }
  .navbar-expand-sm .mega-menu-dark .img-svg:hover {
    @apply bg-[rgba(255,255,255,.09)];
  }
  .navbar-expand-sm .mega-menu-dark .dropdown-item {
    @apply text-white;
  }
  .navbar-expand-sm .mega-menu-dark .dropdown-item:focus,
  .navbar-expand-sm .mega-menu-dark .dropdown-item:hover {
    @apply text-white;
  }
  .navbar-expand-sm .mega-menu-img {
    @apply p-0;
  }
  .navbar-expand-sm .mega-menu-img .mega-menu-content {
    @apply mx-0 my-[1.8rem] px-8 py-[0.2rem];
  }
  .navbar-expand-sm .mega-menu-img .dropdown-item {
    @apply px-0;
  }
  .navbar-expand-sm.caret-none
    .dropdown:not(.dropdown-submenu)
    > .dropdown-toggle:after {
    @apply hidden;
  }

  .progress-wrap.active-progress {
    @apply opacity-100 opacity-100;
  }

  .modal.fade.modal-bottom-center .modal-dialog {
    @apply mx-auto my-7;
  }

  .navbar-expand-sm {
    @apply flex-nowrap justify-start;
  }
  .navbar-expand-sm .navbar-nav {
    @apply flex-row;
  }
  .navbar-expand-sm .navbar-nav .dropdown-menu {
    @apply absolute;
  }
  .navbar-expand-sm .navbar-nav .nav-link {
    @apply px-[1rem];
  }
  .navbar-expand-sm .navbar-nav-scroll {
    @apply overflow-visible;
  }
  .navbar-expand-sm .navbar-collapse {
    @apply flex basis-auto;
  }
  .navbar-expand-sm .navbar-toggler {
    @apply hidden;
  }
  .navbar-expand-sm .offcanvas {
    @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none;
  }
  .navbar-expand-sm .offcanvas .offcanvas-header {
    @apply hidden;
  }
  .navbar-expand-sm .offcanvas .offcanvas-body {
    @apply flex grow-0 overflow-y-visible p-0;
  }
}
@media screen and (min-width: 576px) {
  .mb-sm-n50p {
    @apply translate-y-2/4;
  }
  .mt-sm-n50p {
    @apply -translate-y-2/4;
  }
}
@media (max-width: 575.98px) {
  .navbar-expand-sm .offcanvas-nav {
    @apply overflow-x-hidden overflow-y-auto flex-col;
  }
  .navbar-expand-sm .offcanvas-nav .offcanvas-body,
  .navbar-expand-sm .offcanvas-nav .offcanvas-footer,
  .navbar-expand-sm .offcanvas-nav .offcanvas-header {
    @apply w-full;
  }
  .navbar-expand-sm .offcanvas-nav .offcanvas-body {
    @apply grow-0;
    overflow-y: unset;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu {
    @apply mt-0 p-0 bg-inherit;
  }
  .navbar-expand-sm .navbar-collapse .dropdown-menu .dropdown-item {
    @apply text-white pl-4 py-[0.3rem];
  }
  .navbar-expand-sm .navbar-collapse .nav-link,
  .navbar-expand-sm .navbar-collapse .nav-link.active,
  .navbar-expand-sm .navbar-collapse .nav-link:focus,
  .navbar-expand-sm .navbar-collapse .nav-link:hover,
  .navbar-expand-sm .navbar-collapse .show > .nav-link {
    @apply text-white;
  }
  .navbar-expand-sm .navbar-collapse .nav-link {
    @apply py-[0.3rem];
  }
  .navbar-expand-sm .navbar-collapse .dropdown-toggle:after {
    @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem];
  }
  .navbar-expand-sm .navbar-collapse .dropdown-submenu .dropdown-toggle:after {
    @apply top-[0.3rem];
  }
  .navbar-expand-sm .dropdown-header {
    @apply mt-2 px-4;
  }
  .navbar-expand-sm .dropend .dropdown-toggle:after,
  .navbar-expand-sm .dropstart .dropdown-toggle:after {
    @apply content-["\e92d"];
  }
  .navbar-expand-sm .dropstart .dropdown-menu[data-bs-popper] {
    @apply ml-3 mr-0;
  }
  .navbar-expand-sm .dropdown-toggle:after {
    @apply top-1;
  }
  .navbar-expand-sm .language-select .dropdown-toggle:after {
    vertical-align: 0 !important;
  }
  .navbar-expand-sm .navbar-other .nav-item.language-select .nav-link {
    @apply text-[1.05rem];
  }
  .navbar-expand-sm .navbar-other .nav-item .nav-link > i {
    @apply text-[calc(1.255rem_+_0.06vw)];
  }
  .navbar-expand-sm .navbar-brand {
    @apply py-[1.2rem];
  }
  .navbar-expand-sm.fancy .navbar-collapse-wrapper {
    @apply shadow-none !bg-inherit;
  }
  .navbar-expand-sm.center-logo.fixed .offcanvas-header .logo-light {
    @apply inline-block;
  }
  .navbar-expand-sm.center-logo.fixed .offcanvas-header .logo-dark {
    @apply hidden;
  }
  .navbar-expand-sm .nav-item.parent-link .dropdown-toggle {
    @apply py-0;
  }
  .shape {
    @apply hidden;
  }
  .bg-xs-none {
    @apply bg-none;
  }
  .table-responsive-sm {
    @apply overflow-x-auto;
    -webkit-overflow-scrolling: touch;
  }
}
@media (min-width: 992px) and (max-width: 1199.98px) {
  .mega-menu-scroll {
    @apply h-[21.8rem];
  }
  .navbar .navbar-collapse .nav-link {
    @apply px-[0.6rem];
  }
  .projects-overflow .project-details {
    @apply max-w-xs;
  }
}
@media (prefers-reduced-motion: reduce) {
  .form-floating > label {
    @apply transition-none;
  }
}
@media print {
  .d-print-inline {
    @apply inline;
  }
  .d-print-inline-block {
    @apply inline-block;
  }
  .d-print-block {
    @apply block;
  }
  .d-print-grid {
    @apply grid;
  }
  .d-print-inline-grid {
    @apply inline-grid;
  }
  .d-print-table {
    @apply table;
  }
  .d-print-table-row {
    @apply table-row;
  }
  .d-print-table-cell {
    @apply table-cell;
  }
  .d-print-flex {
    @apply flex;
  }
  .d-print-inline-flex {
    @apply inline-flex;
  }
  .d-print-none {
    @apply hidden;
  }
}