    @tailwind base;
    @tailwind components;
    @tailwind utilities;
    :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 transition-all duration-[0.2s] ease-in-out motion-reduce:transition-none
    }
    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)]
    }
    .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:.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:.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-[rgba(63,120,224,1)] no-underline
    }
    a:hover {
        color:#3f78e0

    }
    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
    }
    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:.6rem;
        margin-inline-end:.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 .15s ease-in-out,box-shadow .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-[#3f78e0] checked:border-[#3f78e0] 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-[#3f78e0] border-[#3f78e0];
        --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 {
        transition:opacity .1s ease-in-out,transform .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-[#3f78e0] hover:bg-[inherit] focus:text-[#3f78e0] focus:bg-[inherit]
    }
    .dropdown-item.active,.dropdown-item:active {
        @apply text-[#3f78e0] 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-[#3f78e0] 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-[#3f78e0] focus:text-[#3f78e0] 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-[#3f78e0] 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-[#3f78e0] 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-[#3f78e0] whitespace-nowrap
    }
    .navbar-brand:focus,.navbar-brand:hover {
        @apply text-[#3f78e0]
    }
    .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-[#3f78e0]
    }
    .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-[#3f78e0] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#3f78e0] focus:bg-[#ffffff] focus:shadow-[unset]
    }
    .page-link:focus {
        outline:0
    }
    .active>.page-link,.page-link.active {
        @apply z-[3] text-[#3f78e0] 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_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
    }
    .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:.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);
        mask-image:url(./assets/img/svg/blob.svg)
    }
    .img-mask.mask-2 img {
        -webkit-mask-image:url(./assets/img/svg/hex.svg);
        mask-image:url(./assets/img/svg/hex.svg)
    }
    .img-mask.mask-3 img {
        -webkit-mask-image:url(./assets/img/svg/blob2.svg);
        mask-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.active {
        @apply text-[#3f78e0]
    }
    .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-[#3f78e0]
    }
    .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,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%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-[#3f78e0] 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:.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-[#3f78e0] before:bg-[#3f78e0]
    }
    .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-[#a07cc5] before:bg-[#a07cc5]
    }
    .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-[#3f78e0] before:bg-[#3f78e0]
    }
   .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-[#3f78e0] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#3f78e0] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#3f78e0] active:bg-[#e0e9fa] active:border-[#e0e9fa]
}
    .btn-soft-blue.btn-expand {
        @apply text-[#3f78e0] 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-[#3f78e0]
    }
  .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-[#a07cc5]
        bg-[#f0eaf6]
        border-[#f0eaf6]
        hover:text-[#a07cc5]
        hover:bg-[#f0eaf6]
        hover:border-[#f0eaf6]
        active:text-[#a07cc5]
        active:bg-[#f0eaf6]
        active:border-[#f0eaf6]
}
    .btn-soft-violet.btn-expand {
        @apply text-[#a07cc5] 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-[#a07cc5]
    }
    .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-[#3f78e0]
        bg-[#e0e9fa]
        border-[#e0e9fa]
        hover:text-[#3f78e0]
        hover:bg-[#e0e9fa]
        hover:border-[#e0e9fa]
        active:text-[#3f78e0]
        active:bg-[#e0e9fa]
        active:border-[#e0e9fa]
}
    .btn-soft-primary.btn-expand {
        @apply text-[#3f78e0] 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-[#3f78e0]
    }
   .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-[#3f78e0]
        active:bg-[#3f78e0]
        active:border-[#3f78e0]
}
    
.btn-outline-primary {
    @apply text-[#3f78e0]
    border-[#3f78e0]
    hover:bg-[#3f78e0]
    hover:border-[#3f78e0]
    active:bg-[#3f78e0]
    active:border-[#3f78e0]
    disabled:bg-[#3f78e0]
    disabled:border-[#3f78e0]
}
    .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-[#3f78e0] 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-[#3f78e0]
    }
    .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-[#3f78e0]
    }  
    .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-[#3f78e0]
    }
    .nav-tabs.nav-tabs-basic .nav-item.show .nav-link,.nav-tabs.nav-tabs-basic .nav-link.active {
        @apply text-[#3f78e0] border-[#3f78e0]
    }
    .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,.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-[#3f78e0] text-white;
        @apply bg-[#3f78e0]
    }
    .navbar.navbar-bg-light {
        @apply shadow-none;
        @apply 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-[#3f78e0] 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-[#3f78e0] 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-[#3f78e0] 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-[#3f78e0]
    }
    .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:#3f78e0]
    }
    .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-[#a07cc5]
    }
    .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-[#3f78e0]
    }
    .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
    }
    .btn-close.disabled,.btn-close:disabled {
    @apply pointer-events-none select-none opacity-25;
    }
    .btn-close-white {
    @apply text-white hover:text-white
    }
    .btn-close-white:before {
    @apply  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-[#3f78e0] 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-[#3f78e0] 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-[#3f78e0] [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-[#3f78e0] [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-[#3f78e0] [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-[#3f78e0] [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 * .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 * .5) 0.5rem calc(1rem * .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 * .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(-.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 * .5) 0 calc(1rem * .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 .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-[#3f78e0]
    }
    .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-[#3f78e0]
    }
    .solid.text-blue .fill-primary,.solid.text-blue .fill-secondary {
    @apply fill-[#3f78e0]
    }
    .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-[#a07cc5]
    }
    .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-[#3f78e0]
    }
    .solid-mono .fill-primary {
    @apply fill-[#3f78e0]
    }
    .solid-mono .fill-secondary {
    @apply fill-[#b2c9f3]
    }
    .solid-mono.text-primary .fill-primary {
    @apply fill-[#3f78e0]
    }
    .solid-mono.text-primary .fill-secondary {
    @apply fill-[#b2c9f3]
    }
    .solid-mono.text-blue .fill-primary {
    @apply fill-[#3f78e0]
    }
    .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-[#a07cc5]
    }
    .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-[#3f78e0]
    }
    .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-[#3f78e0];
}
.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-[#a07cc5];
}
.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-[#3f78e0];
}
.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-[#a07cc5];
    }
    .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,.3) 55%,rgba(30,34,40,.7) 85%,rgba(30,34,40,.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 .4s,transform .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-[#3f78e0] 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: .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-[#3f78e0] 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) .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) .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) .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) .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) .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) .8px,#3f78e0 1.6px,#3f78e0 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(#3f78e0 2px, transparent 2.5px);
    }
    .bg-line.primary {
        background:repeating-linear-gradient(-55deg,rgba(255,255,255,0) .8px,#3f78e0 1.6px,#3f78e0 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-[#3f78e0]
    }
    .list-unstyled li a.active {
        @apply !text-[#3f78e0]
    }
    #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-[#3f78e0]
    }
    .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-[#3f78e0]
    }
    .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-n16 {
        @apply mt-[-6rem] mr-[-6rem] mb-[-6rem] ml-[-6rem]
    }
    .m-lg-n17 {
        @apply mt-[-7rem] mr-[-7rem] mb-[-7rem] ml-[-7rem]
    }
    .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-[#3f78e0]
    }
    .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
    }
    .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 px-4 py-[0.7rem] rounded-[0.4rem] bg-[rgba(255,255,255,.9)] z-10
        }
        .itooltip-light.itooltip-inner {
        @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] text-inherit bg-[rgba(255,255,255,.9)]
        }
        .itooltip-dark.itooltip-inner {
        @apply bg-[rgba(30,34,40,.9)]
        }
        .itooltip-color.itooltip-inner {
        @apply bg-[rgba(63,120,224,.9)]
        }
        .itooltip-blue.itooltip-inner {
        @apply bg-[rgba(63,120,224,.9)]
        }
        .itooltip-sky.itooltip-inner {
        @apply bg-[rgba(94,185,240,.9)]
        }
        .itooltip-purple.itooltip-inner {
        @apply bg-[rgba(116,126,209,.9)]
        }
        .itooltip-grape.itooltip-inner {
        @apply bg-[rgba(96,93,186,.9)]
        }
        .itooltip-violet.itooltip-inner {
        @apply bg-[rgba(160,124,197,.9)]
        }
        .itooltip-pink.itooltip-inner {
        @apply bg-[rgba(209,107,134,.9)]
        }
        .itooltip-fuchsia.itooltip-inner {
        @apply bg-[rgba(230,104,179,.9)]
        }
        .itooltip-red.itooltip-inner {
        @apply bg-[rgba(226,98,107,.9)]
        }
        .itooltip-orange.itooltip-inner {
        @apply bg-[rgba(247,139,119,.9)]
        }
        .itooltip-yellow.itooltip-inner {
        @apply bg-[rgba(250,183,88,.9)]
        }
        .itooltip-green.itooltip-inner {
        @apply bg-[rgba(69,196,160,.9)]
        }
        .itooltip-leaf.itooltip-inner {
        @apply bg-[rgba(124,183,152,.9)]
        }
        .itooltip-aqua.itooltip-inner {
        @apply bg-[rgba(84,168,199,.9)]
        }
        .itooltip-navy.itooltip-inner {
        @apply bg-[rgba(52,63,82,.9)]
        }
        .itooltip-ash.itooltip-inner {
        @apply bg-[rgba(148,153,163,.9)]
        }
        .itooltip-white.itooltip-inner {
        @apply bg-[rgba(255,255,255,.9)]
        }
        .itooltip-light.itooltip-inner {
        @apply bg-[rgba(254,254,254,.9)]
        }
        .itooltip-gray.itooltip-inner {
        @apply bg-[rgba(246,247,249,.9)]
        }
        .itooltip-primary.itooltip-inner {
        @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-[#3f78e0]
    }
    .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:.25rem!important
    }
    .column-gap-sm-2 {
        @apply gap-x-2;
        -moz-column-gap:.5rem!important
    }
    .column-gap-sm-3 {
        @apply gap-x-3;
        -moz-column-gap:.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-[#3f78e0]
        }
        .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
    }
}