@import "tailwindcss"; @theme { --font-IBMPlexSerif: "IBM Plex Serif", "serif"; --font-SpaceGrotesk: "Space Grotesk", "sans-serif"; --font-Manrope: "Manrope", "sans-serif"; --font-Unicons: "Unicons"; --font-Monospace: "SFMono-Regular,Menlo,Monaco,Consolas", "Liberation Mono", "Courier New", "monospace"; --font-Custom: "Custom"; --font-DMSerif: "DM Serif Display"; --font-SansSerif: "sans-serif"; --font-THICCCBOI: "THICCCBOI", "sans-serif"; --font-Urbanist: "Urbanist", "sans-serif"; /* Default Color */ --color-*: initial; --color-white: #ffffff; --color-black: #000000; /* responsive Breakpoint */ --breakpoint-*: initial; --breakpoint-xxl: 1400px; --breakpoint-xl: 1200px; --breakpoint-lg: 992px; --breakpoint-md: 768px; --breakpoint-sm: 576px; } @utility container { margin-inline: auto; padding-inline: 2rem; } :root { @apply text-[20px]; } *, ::after, ::before { @apply box-border; } hr.dark { @apply text-[rgba(164,174,198,0.25)]; } ::selection { @apply text-white bg-[rgba(63,120,224,.7)]; } a { @apply text-[#1fc76f] no-underline; } a:focus { outline: 0; } a[href^="tel"] { @apply text-inherit; text-decoration: inherit; } a.hover { @apply relative before:absolute before:w-full before:h-px before:pointer-events-none before:left-0 before:top-full before:content-[""] before:origin-[100%_50%] before:transition-transform before:duration-[0.3s] before:ease-[cubic-bezier(.7,0,0.2,1)] hover:before:origin-[0_50%] hover:before:ease-[cubic-bezier(.4,1,0.8,1)]; } a.hover::before { @apply bg-[currentColor]; } a.hover::before { transform: scale3d(0, 1, 1); } a.hover:hover:before { transform: scale3d(1, 1, 1); } .link-inverse { @apply text-[#cacaca]; } .link-inverse, .text-inverse, .text-inverse a:not(.btn) { @apply text-white; } .bg-dark.link-inverse, .bg-dark.text-inverse, .bg-dark.text-inverse .post-meta, .bg-dark.text-inverse a:not(.btn):not([class*="link-"]), .bg-navy.link-inverse, .bg-navy.text-inverse, .bg-navy.text-inverse .post-meta, .bg-navy.text-inverse a:not(.btn):not([class*="link-"]), [class*="offcanvas-"].text-inverse a:not(.btn):not([class*="link-"]) { @apply text-[#cacaca]; } .badge.bg-light { @apply !bg-[rgba(164,174,198,.2)]; } .position-absolute { @apply !absolute; } .more { @apply font-bold tracking-[-0.01rem] inline-block after:leading-none after:content-["\e94c"] after:text-[0.9rem] after:font-normal after:mr-[-0.25rem] after:inline-block after:pl-[0.05rem]; } .more:after { @apply font-Unicons align-[-3px]; } hr.double { @apply border-t-0 border-double border-[rgba(164,174,198,0.2)] bg-inherit; } _:default:not(:root:root), hr.double { @apply border-b-[3px]; } .divider-icon { @apply relative m-[4.5rem_0] border-0 before:left-0 after:right-0 after:absolute after:content-[""] after:w-[calc(50%_-_1.5rem)] after:border-t-[rgba(164,174,198,0.2)] after:border-t after:border-solid after:top-2/4 before:absolute before:content-[""] before:w-[calc(50%_-_1.5rem)] before:border-t-[rgba(164,174,198,0.2)] before:border-t before:border-solid before:top-2/4; } .divider-icon i { @apply absolute -translate-x-2/4 -translate-y-2/4 text-[1.2rem] text-[rgba(164,174,198,0.2)] left-2/4 top-2/4; } .divider:after { @apply content-[""] w-full h-[5px] block mt-[-5px] bg-[currentColor]; } .divider.divider-alt:after { @apply mb-[-5px] mt-0; } [class*="divider-v-"] { @apply relative w-auto h-full overflow-hidden; } [class*="divider-v-"] > svg { @apply h-full w-auto absolute scale-[1.2]; } [class*="divider-v-"]:after { @apply hidden; } [class*="divider-v-"].divider-v-start > svg { @apply left-0 top-0; } [class*="divider-v-"].divider-v-end > svg { @apply right-0 top-0; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { @apply font-bold text-[#343f52] tracking-[-0.01rem] mt-0 mb-2; word-spacing: 0.1rem; } .h1, h1 { @apply leading-[1.3]; } .h2, h2 { @apply leading-[1.35]; } .h3, h3 { @apply !leading-[1.4]; } .h4, h4 { @apply !leading-[1.45]; } .h5, h5 { @apply !leading-normal; } .h6, h6 { @apply !leading-[1.55]; } body, html { @apply h-full; } body { @apply flex flex-col; } body { @apply text-[0.8rem] font-medium leading-[1.7] text-[#60697b] bg-[#fefefe] m-0 font-Manrope; } body { @apply overflow-x-hidden; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-spacing: 0.05rem; } hr { @apply text-[rgba(164,174,198,0.2)] border-t-[1px] opacity-100 mx-0 my-[4.5rem] border-0 border-solid; } .h1, .h2, .h3, .h4, .h5, .h6, h1, h2, h3, h4, h5, h6 { @apply font-bold leading-[1.2] text-[#343f52] tracking-[-0.01rem] mt-0 mb-2 [word-spacing:0.1rem]; } .h1, h1 { @apply xl:text-[1.45rem] text-[calc(1.27rem_+_0.24vw)]; } .h2, h2 { @apply xl:text-[1.3rem] text-[calc(1.255rem_+_0.06vw)]; } .h3, h3 { @apply text-[1.1rem]; } .h4, h4 { @apply text-[0.95rem]; } .h5, h5 { @apply text-[0.9rem]; } .h6, h6 { @apply text-[0.85rem]; } p { @apply mt-0 mb-4; } /* ol,ul { @apply pl-8 } */ dl, ol, ul { @apply mt-0 mb-4; } ol ol, ol ul, ul ol, ul ul { @apply mb-0; } dt { @apply font-bold; } dd { @apply ml-0 mb-2; } .small, small { @apply text-[0.6rem]; } .mark, mark { @apply bg-[#fef1de] pt-[0.05rem] pb-[0.2rem] px-[0.4rem]; } a { @apply text-[#1fc76f] no-underline; } a:hover { color: #1fc76f; } a:not([href]):not([class]), a:not([href]):not([class]):hover { @apply text-inherit no-underline; } code, kbd, pre, samp { @apply text-[1em] font-Monospace; } pre { @apply block overflow-auto text-[0.65rem] text-[#273444] mt-0 mb-4; } pre code { @apply text-[inherit] text-inherit break-normal; } code { @apply text-[0.65rem] text-[#60697b] [word-wrap:break-word]; } a > code { @apply text-inherit; } kbd { @apply text-[0.65rem] text-[#60697b] bg-[#60697b] px-1.5 py-[0.1875rem] rounded-[0.2rem]; } kbd kbd { @apply text-[1em] p-0; } figure { @apply mt-0 mb-4 mx-0; } img, svg { @apply align-middle; } img { @apply max-w-[inherit]; } table { @apply border-collapse; caption-side: bottom; } caption { @apply text-[#aab0bc] text-left py-[0.9rem]; } th { @apply [text-align:inherit]; text-align: -webkit-match-parent; } tbody, td, tfoot, th, thead, tr { @apply border-inherit border-solid border-0; } label { @apply inline-block; } button { @apply rounded-none; } button:focus:not(:focus-visible) { outline: 0; } button, input, optgroup, select, textarea { @apply text-[inherit] leading-[inherit] m-0; font-family: inherit; } button, select { @apply normal-case; } [role="button"] { @apply cursor-pointer; } select { @apply [word-wrap:normal]; } select:disabled { @apply opacity-100; } [list]:not([type="date"]):not([type="datetime-local"]):not([type="month"]):not( [type="week"] ):not([type="time"])::-webkit-calendar-picker-indicator { @apply hidden; } [type="button"], [type="reset"], [type="submit"], button { -webkit-appearance: button; } [type="button"]:not(:disabled), [type="reset"]:not(:disabled), [type="submit"]:not(:disabled), button:not(:disabled) { @apply cursor-pointer; } ::-moz-focus-inner { @apply p-0 border-none; } textarea { @apply resize-y focus-visible:!outline-0; } input { @apply focus-visible:!outline-0; } fieldset { @apply min-w-0 m-0 p-0 border-0; } legend { @apply float-left w-full text-[calc(1.275rem_+_0.3vw)] leading-[inherit] mb-2 p-0 xl:text-[24px]; } legend + * { @apply clear-left; } ::-webkit-datetime-edit-day-field, ::-webkit-datetime-edit-fields-wrapper, ::-webkit-datetime-edit-hour-field, ::-webkit-datetime-edit-minute, ::-webkit-datetime-edit-month-field, ::-webkit-datetime-edit-text, ::-webkit-datetime-edit-year-field { @apply p-0; } ::-webkit-inner-spin-button { @apply h-auto; } [type="search"] { @apply -outline-offset-2; -webkit-appearance: textfield; } ::-webkit-search-decoration { -webkit-appearance: none; } ::-webkit-color-swatch-wrapper { @apply p-0; } ::file-selector-button { font: inherit; -webkit-appearance: button; } output { @apply inline-block; } iframe { @apply border-0; } summary { @apply list-item cursor-pointer; } progress { @apply align-baseline; } [hidden] { @apply hidden; } .blockquote { @apply text-[0.85rem] mb-4; } .blockquote > :last-child { @apply mb-0; } .figure { @apply inline-block; } .table { @apply text-[#60697b] bg-transparent w-full align-top border-[#edeff3] mb-4; } .table > :not(caption) > * > * { @apply text-[#60697b] bg-transparent p-[0.9rem] border-b; } .table > tbody { vertical-align: inherit; } .table > thead { @apply align-bottom; } .table-bordered > :not(caption) > * { border-width: 1px 0; } .table-bordered > :not(caption) > * > * { border-width: 0 1px; } .table-borderless > :not(caption) > * > * { @apply border-b-0; } .table-borderless > :not(:first-child) { @apply border-t-0; } .table-striped > tbody > tr:nth-of-type(odd) > * { @apply text-[#60697b] bg-[rgba(164,174,198,0.07)]; } .table-hover > tbody > tr:hover > * { @apply text-[#60697b] bg-[rgba(164,174,198,0.07)]; } .table-dark { @apply text-white border-[#3c4047] bg-[#262b32]; } .table-dark > :not(caption) > * > * { @apply !text-white; } .table-responsive { @apply overflow-x-auto; -webkit-overflow-scrolling: touch; } .form-control[type="file"] { @apply overflow-hidden; } .form-control[type="file"]:not(:disabled):not([readonly]) { @apply cursor-pointer; } .form-control::-webkit-date-and-time-value { @apply min-w-[85px] h-[1.7em] m-0; } .form-control::-webkit-datetime-edit { @apply block p-0; } .form-control::file-selector-button { -webkit-margin-end: 1rem; margin-inline-end: 1rem; border-inline-end-width: 1px; } .form-control:hover:not(:disabled):not([readonly])::file-selector-button { @apply bg-[#aab0bc]; } .form-control-sm::file-selector-button { -webkit-margin-end: 0.6rem; margin-inline-end: 0.6rem; } textarea.form-control { @apply min-h-[calc(1.7em_+_1.2rem_+_2px)]; } textarea.form-control-sm { @apply min-h-[calc(1.7em_+_0.8rem_+_2px)]; } .form-select { @apply block w-full text-[.75rem] font-medium leading-[1.7] text-[#959ca9] appearance-none bg-[#fefefe] bg-[image:var(--form-select-bg-img),var(--form-select-bg-icon,none)] bg-no-repeat bg-[right_0.75rem_center] border shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] pl-4 pr-8 py-[0.6rem] rounded-[0.4rem] border-solid border-[rgba(8,60,130,0.07)] motion-reduce:transition-none focus:shadow-[0_0_1.25rem_rgba(30,34,40,0.04),unset] focus:border-[rgba(8,60,130,0.1)] disabled:bg-[#aab0bc]; --form-select-bg-img: url("data:image/svg+xml,%3Csvg version='1.1' xmlns='http://www.w3.org/2000/svg' width='32' height='32' viewBox='0 0 32 32'%3E%3Cpath fill='%2360697b' d='M22.667 12.227c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0-4.787 4.72-4.72-4.72c-0.241-0.24-0.573-0.388-0.94-0.388s-0.699 0.148-0.94 0.388l0-0c-0.244 0.242-0.394 0.577-0.394 0.947s0.151 0.705 0.394 0.947l5.653 5.653c0.242 0.244 0.577 0.394 0.947 0.394s0.705-0.151 0.947-0.394l0-0 5.72-5.653c0.244-0.242 0.394-0.577 0.394-0.947s-0.151-0.705-0.394-0.947l-0-0z'%3E%3C/path%3E%3C/svg%3E"); background-size: 20px 20px; transition: border-color 0.15s ease-in-out, box-shadow 0.15s ease-in-out; } .form-select:focus { outline: 0; } .form-select[multiple], .form-select[size]:not([size="1"]) { @apply bg-none pr-4; } .form-select:-moz-focusring { @apply text-transparent; text-shadow: 0 0 0 #959ca9; } .form-select-sm { @apply text-[0.7rem] pl-[0.6rem] py-[0.4rem] rounded-[0.4rem]; } [data-bs-theme="dark"] .form-select { --form-select-bg-img: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3e%3cpath fill='none' stroke='%23cacaca' stroke-linecap='round' stroke-linejoin='round' stroke-width='2' d='m2 5 6 6 6-6'/%3e%3c/svg%3e"); } .form-check .form-check-input { @apply float-left ml-[-1.55rem]; } .form-check-input { @apply w-[1.05rem] h-[1.05rem] align-top appearance-none bg-[#fefefe] bg-[image:var(--form-check-bg-image)] bg-no-repeat bg-center bg-contain border mt-[0.325rem] border-solid border-[rgba(8,60,130,0.1)] active:brightness-[90%] focus:shadow-none focus:border-[rgba(8,60,130,0.1)] checked:bg-[#1fc76f] checked:border-[#1fc76f] 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-[#1fc76f] border-[#1fc76f]; --form-check-bg-image: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20'%3e%3cpath fill='none' stroke='%23fff' stroke-linecap='round' stroke-linejoin='round' stroke-width='3' d='M6 10h8'/%3e%3c/svg%3e"); } .form-check-input:disabled { filter: none; } .form-check-input:disabled ~ .form-check-label, .form-check-input[disabled] ~ .form-check-label { @apply cursor-default opacity-50; } .form-floating > label { /* @apply translate-none; */ transition: opacity 0.1s ease-in-out, transform 0.1s ease-in-out; } .form-floating > .form-control::-moz-placeholder { @apply text-transparent; } .form-floating > .form-control::placeholder { @apply text-transparent; } .form-floating > .form-control:not(:-moz-placeholder-shown) { @apply pt-4 pb-[0.2rem]; } .form-floating > .form-control:focus, .form-floating > .form-control:not(:placeholder-shown) { @apply pt-4 pb-[0.2rem]; } .form-floating > .form-control:-webkit-autofill { @apply pt-4 pb-[0.2rem]; } .form-floating > .form-select { @apply pt-4 pb-[0.2rem]; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label { @apply text-[rgba(96,105,123,1)] translate-y-[-0.4rem] translate-x-[0.2rem] scale-[0.8]; } .form-floating > .form-control:focus ~ label, .form-floating > .form-control:not(:placeholder-shown) ~ label, .form-floating > .form-select ~ label { @apply text-[rgba(96,105,123,1)] translate-y-[-0.4rem] translate-x-[0.2rem] scale-[0.8]; } .form-floating > .form-control:not(:-moz-placeholder-shown) ~ label::after { @apply absolute z-[-1] h-[1.5em] content-[""] bg-[#fefefe] rounded-[0.4rem] inset-[0.6rem_0.5rem]; } .form-floating > .form-control:focus ~ label::after, .form-floating > .form-control:not(:placeholder-shown) ~ label::after, .form-floating > .form-select ~ label::after { @apply absolute z-[-1] h-[1.5em] content-[""] bg-[#fefefe] rounded-[0.4rem] inset-[0.6rem_0.5rem]; } .form-floating > .form-control:-webkit-autofill ~ label { @apply text-[rgba(96,105,123,1)] translate-y-[-0.4rem] translate-x-[0.2rem] scale-[0.8]; } .form-floating > .form-control:disabled ~ label, .form-floating > :disabled ~ label { @apply text-[#60697b]; } .form-floating > .form-control:disabled ~ label::after, .form-floating > :disabled ~ label::after { @apply bg-[#aab0bc]; } .input-group { @apply relative flex flex-wrap items-stretch w-full; } .input-group > .form-control, .input-group > .form-floating, .input-group > .form-select { @apply relative flex-auto w-[1%] min-w-0; } .input-group > .form-control:focus, .input-group > .form-floating:focus-within, .input-group > .form-select:focus { @apply z-[5]; } .input-group-lg > .btn, .input-group-lg > .form-control, .input-group-lg > .form-select { @apply text-[0.85rem] px-[1.4rem] py-[0.65rem] rounded-[0.4rem]; } .input-group:not(.has-validation) > .dropdown-toggle:nth-last-child(n + 3), .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-control, .input-group:not(.has-validation) > .form-floating:not(:last-child) > .form-select, .input-group:not(.has-validation) > :not(:last-child):not(.dropdown-toggle):not(.dropdown-menu):not( .form-floating ) { @apply rounded-tr-none rounded-br-none; } .input-group.has-validation > .dropdown-toggle:nth-last-child(n + 4), .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-control, .input-group.has-validation > .form-floating:nth-last-child(n + 3) > .form-select, .input-group.has-validation > :nth-last-child(n + 3):not(.dropdown-toggle):not(.dropdown-menu):not( .form-floating ) { @apply rounded-tr-none rounded-br-none; } .input-group > :not(:first-child):not(.dropdown-menu):not(.valid-tooltip):not( .valid-feedback ):not(.invalid-tooltip):not(.invalid-feedback) { @apply ml-[calc(1px_*_-1)] rounded-tl-none rounded-bl-none; } .input-group > .form-floating:not(:first-child) > .form-control, .input-group > .form-floating:not(:first-child) > .form-select { @apply rounded-tl-none rounded-bl-none; } .valid-feedback { @apply hidden w-full text-[0.7rem] text-[#198754] mt-1; } .valid-tooltip { @apply absolute z-[5] hidden max-w-full text-[0.8rem] text-white bg-[#45c4a0] mt-[0.1rem] px-3 py-2 rounded-[0.4rem] top-full; } .is-valid ~ .valid-feedback, .is-valid ~ .valid-tooltip { @apply block; } .form-control.is-valid { @apply border-[#198754] bg-[url("data:image/svg+xml,%3Csvg_xmlns='http://www.w3.org/2000/svg'_viewBox='0_0_24_24'%3E%3Cpath_fill='%23198754'_d='M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,0.71.29,1,1,0,0,0,0.7-0.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z'/%3E%3C/svg%3E")] bg-no-repeat bg-[right_calc(.425em_+_0.3rem)_center] bg-[calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[calc(1.7em_+_1.2rem)]; } .form-control.is-valid:focus { @apply border-[#198754] shadow-[0_0_0_0.25rem_rgba(69,196,160,0.25)]; } textarea.form-control.is-valid { @apply bg-[top_calc(.425em_+_0.3rem)_right_calc(.425em_+_0.3rem)] pr-[calc(1.7em_+_1.2rem)]; } .form-select.is-valid { @apply border-[#198754]; } .form-select.is-valid:not([multiple]):not([size]), .form-select.is-valid:not([multiple])[size="1"] { @apply bg-[right_0.75rem_center,center_right_2rem] bg-[20px_20px,calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[4.5rem]; --form-select-bg-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24'%3E%3Cpath fill='%23198754' d='M14.72,8.79l-4.29,4.3L8.78,11.44a1,1,0,1,0-1.41,1.41l2.35,2.36a1,1,0,0,0,.71.29,1,1,0,0,0,.7-.29l5-5a1,1,0,0,0,0-1.42A1,1,0,0,0,14.72,8.79ZM12,2A10,10,0,1,0,22,12,10,10,0,0,0,12,2Zm0,18a8,8,0,1,1,8-8A8,8,0,0,1,12,20Z'/%3E%3C/svg%3E"); } .form-select.is-valid:focus { @apply border-[#198754] shadow-[0_0_0_0.25rem_rgba(69,196,160,0.25)]; } .form-check-input.is-valid { @apply border-[#198754]; } .form-check-input.is-valid:checked { @apply bg-[#198754]; } .form-check-input.is-valid:focus { @apply shadow-[0_0_0_0.25rem_rgba(69,196,160,0.25)]; } .form-check-input.is-valid ~ .form-check-label { @apply text-[#198754]; } .input-group > .form-control:not(:focus).is-valid, .input-group > .form-floating:not(:focus-within).is-valid, .input-group > .form-select:not(:focus).is-valid { @apply z-[3]; } .invalid-feedback { @apply hidden w-full text-[0.7rem] text-[#dc3545] mt-1; } .invalid-tooltip { @apply absolute z-[5] hidden max-w-full text-[0.8rem] text-white bg-[#e2626b] mt-[0.1rem] px-3 py-2 rounded-[0.4rem] top-full; } .is-invalid ~ .invalid-feedback, .is-invalid ~ .invalid-tooltip { @apply block; } .form-control.is-invalid { @apply border-[#dc3545] bg-[url("data:image/svg+xml,%3csvg_xmlns='http://www.w3.org/2000/svg'_viewBox='0_0_12_12'_width='12'_height='12'_fill='none'_stroke='%23dc3545'%3e%3ccircle_cx='6'_cy='6'_r='4.5'/%3e%3cpath_stroke-linejoin='round'_d='M5.8_3.6h.4L6_6.5z'/%3e%3ccircle_cx='6'_cy='8.2'_r='.6'_fill='%23dc3545'_stroke='none'/%3e%3c/svg%3e")] bg-no-repeat bg-[right_calc(.425em_+_0.3rem)_center] bg-[calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[calc(1.7em_+_1.2rem)]; } .form-control.is-invalid:focus { @apply border-[#dc3545] shadow-[0_0_0_0.25rem_rgba(226,98,107,0.25)]; } textarea.form-control.is-invalid { @apply bg-[top_calc(.425em_+_0.3rem)_right_calc(.425em_+_0.3rem)] pr-[calc(1.7em_+_1.2rem)]; } .form-select.is-invalid { @apply border-[#dc3545]; } .form-select.is-invalid:not([multiple]):not([size]), .form-select.is-invalid:not([multiple])[size="1"] { @apply bg-[right_0.75rem_center,center_right_2rem] bg-[20px_20px,calc(.425em_+_0.6rem)_calc(.425em_+_0.6rem)] pr-[4.5rem]; --form-select-bg-icon: url("data:image/svg+xml,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12' width='12' height='12' fill='none' stroke='%23dc3545'%3e%3ccircle cx='6' cy='6' r='4.5'/%3e%3cpath stroke-linejoin='round' d='M5.8 3.6h.4L6 6.5z'/%3e%3ccircle cx='6' cy='8.2' r='.6' fill='%23dc3545' stroke='none'/%3e%3c/svg%3e"); } .form-select.is-invalid:focus { @apply border-[#dc3545] shadow-[0_0_0_0.25rem_rgba(226,98,107,0.25)]; } .form-check-input.is-invalid { @apply border-[#dc3545]; } .form-check-input.is-invalid:checked { @apply bg-[#dc3545]; } .form-check-input.is-invalid:focus { @apply shadow-[0_0_0_0.25rem_rgba(226,98,107,0.25)]; } .form-check-input.is-invalid ~ .form-check-label { @apply text-[#dc3545]; } .input-group > .form-control:not(:focus).is-invalid, .input-group > .form-floating:not(:focus-within).is-invalid, .input-group > .form-select:not(:focus).is-invalid { @apply z-[4]; } .btn { @apply inline-block text-[0.8rem] font-bold leading-[1.7] p-[0.5rem_1.2rem] text-[#60697b] text-center whitespace-nowrap align-middle cursor-pointer select-none border-[2px] border-transparent rounded-[0.4rem] bg-transparent shadow-[unset] transition-all duration-[0.2s] ease-in-out border-solid motion-reduce:transition-none hover:text-white hover:border-white hover:bg-white focus-visible:text-[#ffffff] focus-visible:border-transparent focus-visible:shadow-[unset,0_0_0_0.25rem_rgba(92,140,229,0.5)]; } .btn:focus-visible { outline: 0; } .btn-white { @apply text-[#343f52] bg-white border-white hover:text-[#343f52] hover:bg-white hover:border-white focus:shadow-[rgba(225,226,229,1)] active:text-[#343f52] active:bg-white active:border-white disabled:text-[#343f52] disabled:bg-white disabled:border-white; } .btn-lg { @apply text-[0.85rem] px-[1.4rem] py-[0.65rem] rounded-[0.4rem]; } .btn-sm { @apply text-[0.7rem] px-4 py-[0.4rem] rounded-[0.4rem]; } .fade { @apply transition-opacity duration-[0.15s] ease-linear motion-reduce:transition-none; } .fade:not(.show) { @apply opacity-0; } .collapse { @apply visible; } .collapse:not(.show) { @apply hidden; } .collapsing { @apply h-0 overflow-hidden transition-[height] duration-[0.35s] ease-[ease] motion-reduce:transition-none; } .collapsing.collapse-horizontal { @apply w-0 h-auto transition-[width] duration-[0.35s] ease-[ease] motion-reduce:transition-none; } .dropdown, .dropdown-center, .dropend, .dropstart, .dropup, .dropup-center { @apply relative; } .dropdown-toggle { @apply whitespace-nowrap after:inline-block after:font-bold after:content-["\e92d"] after:ml-[0.05rem] after:border-0 empty:after:ml-0 after:font-Unicons after:align-[-3px]; } .dropdown-menu { @apply absolute z-[1000] hidden min-w-[10rem] text-[0.75rem] text-[#343f52] text-left bg-white bg-clip-padding border-[1px] border-transparent rounded-[0.4rem] !shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.06)] m-0 border-solid list-none p-[1rem_0]; } .dropdown-menu[data-bs-popper] { @apply mt-[0.75rem] left-0 top-full; } .dropdown-menu-start[data-bs-popper] { @apply left-0 right-auto; } .dropdown-menu-end[data-bs-popper] { @apply left-auto right-0; } .dropup .dropdown-menu[data-bs-popper] { @apply mb-[0.75rem] mt-0 top-auto bottom-full; } .dropup .dropdown-toggle::after { @apply inline-block font-bold content-["\e932"] ml-[0.05rem] border-0 font-Unicons align-[-3px]; } .dropup .dropdown-toggle:empty::after { @apply ml-0; } .dropend .dropdown-menu[data-bs-popper] { @apply ml-[0.75rem] mt-0 left-full right-auto top-0; } .dropend .dropdown-toggle::after { @apply inline-block font-bold content-["\e931"] ml-[0.05rem] border-0 font-Unicons align-[-3px]; } .dropend .dropdown-toggle:empty::after { @apply ml-0; } .dropend .dropdown-toggle::after { vertical-align: 0; } .dropstart .dropdown-menu[data-bs-popper] { @apply mr-[0.75rem] mt-0 left-auto right-full top-0; } .dropstart .dropdown-toggle::after { @apply inline-block font-bold content-["\e92f"] ml-[0.05rem] border-0 font-Unicons align-[-3px]; } .dropstart .dropdown-toggle:empty::after { @apply ml-0; } .dropstart .dropdown-toggle::before { vertical-align: 0; } .dropdown-divider { @apply h-0 my-[0.5rem] overflow-hidden border-t-[transparent] opacity-100 mx-0 border-t border-solid; } .dropdown-item { @apply block w-full pt-[0.2rem] pr-[1.5rem] pb-[0.2rem] pl-[1.5rem] clear-both font-medium text-[#343f52] whitespace-nowrap bg-transparent border-0 [text-align:inherit]; } .dropdown-item:focus, .dropdown-item:hover { @apply hover:text-[#1fc76f] hover:bg-[inherit] focus:text-[#1fc76f] focus:bg-[inherit]; } .dropdown-item.active, .dropdown-item:active { @apply text-[#1fc76f] 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-[#1fc76f] 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-[#1fc76f] focus:text-[#1fc76f] 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-[#1fc76f] 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-[#1fc76f] 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-[#1fc76f] whitespace-nowrap; } .navbar-brand:focus, .navbar-brand:hover { @apply text-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f] hover:bg-[#ffffff] hover:border-[rgba(164,174,198,0.2)] focus:z-[3] focus:text-[#1fc76f] focus:bg-[#ffffff] focus:shadow-[unset]; } .page-link:focus { outline: 0; } .active > .page-link, .page-link.active { @apply z-[3] text-[#1fc76f] bg-[#ffffff] border-[rgba(164,174,198,0.2)]; } .disabled > .page-link, .page-link.disabled { @apply text-[#959ca9] pointer-events-none bg-[#ffffff] border-[rgba(164,174,198,0.2)]; } .page-item:not(:first-child) .page-link { @apply ml-[calc(1px_*_-1)]; } .page-item:first-child .page-link { @apply rounded-tl-[0.4rem] rounded-bl-[0.4rem]; } .page-item:last-child .page-link { @apply rounded-tr-[0.4rem] rounded-br-[0.4rem]; } .badge { @apply inline-block pt-[0.4em] pr-[0.7em] pb-[0.4em] pl-[0.7em] text-[0.75em] font-bold leading-none text-white text-center whitespace-nowrap align-baseline rounded-[0.4rem] empty:hidden; } .btn .badge { @apply relative -top-px; } .alert { @apply relative p-[1rem] mb-[1rem] text-inherit bg-transparent [border:0_solid_transparent] rounded-[0.4rem]; } .alert-link { @apply font-bold text-inherit; } .alert-dismissible { @apply pr-12; } .alert-dismissible .btn-close { @apply absolute z-[2] !p-[1.05rem_1rem] right-0 top-0; } .modal { @apply w-[560px] m-2 p-10; @apply fixed z-[1055] hidden w-full h-full overflow-x-hidden overflow-y-auto left-0 top-0; outline: 0; } .modal-dialog { @apply relative w-auto mt-[0.5rem] mr-[0.5rem] mb-[0.5rem] ml-[0.5rem] pointer-events-none; } .modal.fade .modal-dialog { @apply transition-transform duration-[0.3s] ease-[ease-out] translate-x-0 translate-y-[-50px] motion-reduce:transition-none; } .modal.show .modal-dialog { @apply transform-none; } .modal.modal-static .modal-dialog { @apply scale-[1.02]; } .modal-dialog-scrollable { @apply h-[calc(100%_-_0.5rem_*_2)]; } .modal-dialog-scrollable .modal-content { @apply max-h-full overflow-hidden; } .modal-dialog-scrollable .modal-body { @apply overflow-y-auto; } .modal-dialog-centered { @apply flex items-center min-h-[calc(100%_-_0.5rem_*_2)]; } .modal-content { @apply relative flex flex-col w-full pointer-events-auto bg-[#fefefe] bg-clip-padding border-[0] border-[rgba(0,0,0,0.175)] rounded-[0.4rem] shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.04)] border-solid; outline: 0; } .modal-backdrop.show { @apply !opacity-100; } .modal-backdrop.fade { @apply opacity-0; } .modal-backdrop { @apply fixed z-[1050] w-screen h-screen bg-[rgba(30,34,40,0.9)] left-0 top-0; } .offcanvas { @apply fixed z-[1045] flex flex-col max-w-full text-[#ffffff] invisible bg-[#1e2228] bg-clip-padding shadow-[none] transition-transform duration-[0.3s] ease-in-out bottom-0 motion-reduce:transition-none outline-0; outline: 0; } .offcanvas.offcanvas-start { @apply w-[15rem] border-r-[0] border-r-[transparent] -translate-x-full border-solid left-0 top-0; } .offcanvas.offcanvas-end { @apply w-[15rem] border-l-[0] border-l-[transparent] translate-x-full border-solid right-0 top-0; } .offcanvas.offcanvas-top { @apply h-[30vh] max-h-full border-b-[0] border-b-[transparent] -translate-y-full border-solid top-0 inset-x-0; } .offcanvas.offcanvas-bottom { @apply h-[30vh] max-h-full border-t-[0] border-t-[transparent] translate-y-full border-solid inset-x-0; } .offcanvas.show:not(.hiding), .offcanvas.showing { @apply transform-none !translate-none; } .offcanvas.hiding, .offcanvas.show, .offcanvas.showing { @apply visible; } .offcanvas-backdrop { @apply fixed z-[1040] w-screen h-screen bg-[rgba(30,34,40,0.7)] left-0 top-0; } .offcanvas-backdrop.fade { @apply opacity-0; } .offcanvas-backdrop.show { @apply opacity-100; } .offcanvas-body { @apply grow pt-[1.5rem] pr-[1.5rem] pb-[1.5rem] pl-[1.5rem] overflow-y-auto; } .placeholder { @apply inline-block min-h-[1em] align-middle cursor-wait bg-[currentcolor] opacity-50; } .placeholder.btn::before { @apply inline-block content-[""]; } .placeholder { @apply animate-[placeholder-glow_2s_ease-in-out_infinite]; } @keyframes placeholder-glow { 50% { opacity: 0.2; } } .visually-hidden, .visually-hidden-focusable:not(:focus):not(:focus-within) { @apply w-px h-px overflow-hidden whitespace-nowrap -m-px p-0 border-0; clip: rect(0, 0, 0, 0) !important; } .visually-hidden-focusable:not(:focus):not(:focus-within):not(caption), .visually-hidden:not(caption) { @apply absolute; } .stretched-link::after { @apply absolute z-[1] content-[""] inset-0; } .mark, mark { @apply text-inherit rounded-[0.4rem]; } .rounded, .rounded img { @apply rounded-[0.4rem]; } .rounded-xl img, .rounded-xl > .plyr { @apply rounded-[0.8rem]; } .page-frame footer, .page-frame section { @apply mt-5 md:px-6 md:rounded-2xl; } figure { @apply m-0 p-0; } figure img { @apply w-full max-w-full !h-auto; } .img-mask img { @apply h-auto w-full max-w-full; -webkit-mask-position: center center; mask-position: center center; -webkit-mask-repeat: no-repeat; mask-repeat: no-repeat; -webkit-mask-size: auto auto; } .img-mask.mask-1 img { -webkit-mask-image: url(/assets/img/svg/blob.svg); background-image: url(/assets/img/svg/blob.svg); } .img-mask.mask-2 img { -webkit-mask-image: url(/assets/img/svg/hex.svg); background-image: url(/assets/img/svg/hex.svg); } .img-mask.mask-3 img { -webkit-mask-image: url(/assets/img/svg/blob2.svg); background-image: url(/assets/img/svg/blob2.svg); } .table:not(.table-borderless) tbody { @apply border-t; } .map iframe { @apply block; } [class*="\!mb-"], [class*="\!mt-"] { @apply relative z-[3]; } .mega-menu-scroll, .offcanvas, .scrollbar-hidden { -ms-overflow-style: none; scrollbar-width: none; } .mega-menu-scroll::-webkit-scrollbar, .offcanvas::-webkit-scrollbar, .scrollbar-hidden::-webkit-scrollbar { @apply hidden; } blockquote.border-0 { @apply pl-0; } blockquote.text-center.icon-top:before { @apply translate-x-[-52%] left-2/4; } .filter:not(.basic-filter) ul li a { @apply text-[#aab0bc]; } .filter:not(.basic-filter) ul li a.active { @apply !text-[#1fc76f]; } .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-[#1fc76f]; } .filter.basic-filter.dark-filter ul li a.active, .filter.basic-filter.dark-filter ul li a:hover { @apply text-white; } .image-list .meta, .image-list p { @apply m-0; } .widget .tag-list li a { @apply flex items-center; } .underline-3.style-3.yellow:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%23fab758' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E"); } .yellow:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 208.01 8.3'%3E%3Cpath fill='%23fab758' d='M64.42,2.42Q42.78,1.46,21.19,0c-2.8-.19-4.09.89-3.87,2L3.92,1.87c-5.13-.05-5.28,3.87-.12,3.92l60.49.55c46.63,2.08,93.34,2.51,139.81,1.27,5-.13,5.39-3.87.13-3.92Z'/%3E%3C/svg%3E"); } .underline-3.style-3.green:after { background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 205 9.37'%3E%3Cpath fill='%2345c4a0' d='M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z'/%3E%3C/svg%3E"); } .cursor-light a { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23fff;opacity:0.9;%7D.cls-2%7Bfill:%23262b32;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto; } .cursor-dark a { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%23262b32;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto; } .cursor-primary a { cursor: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='50' height='50' viewBox='0 0 50 50'%3E%3Cdefs%3E%3Cstyle%3E.cls-1%7Bfill:%233f78e0;opacity:0.9;%7D.cls-2%7Bfill:%23fff;%7D%3C/style%3E%3C/defs%3E%3Ccircle class='cls-1' cx='25' cy='25' r='25'/%3E%3Cpath class='cls-2' d='M21.79,26.79,17,31.59V30a1,1,0,0,0-2,0v4a1,1,0,0,0,.08.38,1,1,0,0,0,.54.54A1,1,0,0,0,16,35h4a1,1,0,0,0,0-2H18.41l4.8-4.79a1,1,0,0,0-1.42-1.42Z'/%3E%3Cpath class='cls-2' d='M34.92,15.62a1,1,0,0,0-.54-.54A1,1,0,0,0,34,15H30a1,1,0,0,0,0,2h1.59l-4.8,4.79a1,1,0,0,0,0,1.41h0a1,1,0,0,0,1.41,0h0L33,18.41V20a1,1,0,0,0,2,0V16A1,1,0,0,0,34.92,15.62Z'/%3E%3C/svg%3E"), auto; } /* .underline-3.primary.style-3:after { background-image: url( data:image/svg + xml, %3Csvgxmlns="http://www.w3.org/2000/svg"viewBox="0 0 205 9.37"%3E%3Cpathfill="%23f78b77"d="M202.47,9.37A1191.26,1191.26,0,0,0,1.79,7.48,1.67,1.67,0,0,1,0,5.92H0A1.76,1.76,0,0,1,1.63,4.21c67-5.71,133.83-5.43,200.8-.27A2.75,2.75,0,0,1,205,6.88h0A2.6,2.6,0,0,1,202.47,9.37Z"/%3E%3C/svg%3E ); } */ .post-header .post-meta li:before { @apply ml-[0.4rem] mr-[0.6rem] my-0; } .post-meta li:first-child:before, article .post-meta li.ms-auto:before { @apply hidden; } .glyphs li { @apply block; } .glyphs li svg { @apply inline-block mb-[0.3rem]; } .glyphs li i:before { @apply text-[#343f52] text-[calc(1.285rem_+_0.42vw)] m-0 p-0; } .glyphs li .card-body { @apply pt-2 pb-4 px-[0.2rem]; } .code-wrapper .btn-clipboard { @apply absolute cursor-pointer text-[0.6rem] z-[3] px-[0.45rem] py-[0.1rem] right-2 top-2 font-Manrope transform-none hover:text-[#262b32] hover:bg-[white] hover:border-[white]; } .code-wrapper pre { @apply mb-0; } pre[class*="language-"] { @apply relative pt-8; } pre[class*="language-"]:focus { outline: 0; } :not(pre) > code[class*="language-"], pre, pre[class*="language-"] { @apply text-[0.7rem] m-0 p-8 [background:0_0]; } .code, .doc.mark, .external, .file, .folder, .internal, .kbd, .terminal, mark.doc { @apply relative inline-flex items-center text-[0.65rem] shadow-none mx-[0.1rem] my-[0.275rem] pl-[1.4rem] pr-[0.4rem] py-[0.05rem] rounded-[0.2rem] border-0 bg-[rgba(164,174,198,.15)] align-[2px]; font-family: SFMono-Regular, Menlo, Monaco, Consolas, "Liberation Mono", "Courier New", monospace; -webkit-font-smoothing: auto; -moz-osx-font-smoothing: auto; } .doc.mark, mark.doc { @apply pb-[.05rem] p-[.05rem_.4rem_.2rem]; } .code:before, .external:after, .file:before, .folder:before, .internal:after, .kbd:before, .terminal:before { @apply absolute flex justify-center items-center w-[1.6rem] text-center text-inherit text-[0.7rem] mr-[0.4rem] pt-[0.05rem] rounded-tr-none rounded-br-none rounded-[0.2rem] left-0 font-Unicons; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; } .external { @apply text-[#60697b] pl-[0.4rem] pr-[1.6rem] py-[0.05rem]; } .external:after { @apply text-[#60697b] text-[0.65rem] ml-[0.4rem] mr-0 left-auto right-0; } .internal { @apply text-[#60697b] pl-[0.4rem] py-[0.05rem] pr-[1.4rem] after:content-["\e94c"] after:text-[#60697b] after:text-[0.65rem] after:ml-[0.4rem] after:mr-0 after:left-auto after:right-0; } .code:before { @apply text-[0.85rem] content-["\e952"]; } .terminal:before { @apply content-["\e905"] text-[0.8rem] font-Custom; } .folder:before { @apply content-["\eb34"]; } .file:before { @apply content-["\eaed"]; } .kbd:before { @apply content-["\eba9"] text-[0.8rem]; } .text-gradient { @apply inline-block; -webkit-background-clip: text; -webkit-text-fill-color: transparent; background: linear-gradient(45deg, #667eea 0%, #764ba2 100%); background-clip: text; } .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]; } /* 为gradient-1到gradient-7添加渐变背景 */ .text-gradient.gradient-1 { background: linear-gradient(45deg, #f857a6 0%, #ff6b9d 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient.gradient-2 { background: linear-gradient(45deg, #f5b161 0%, #ffa726 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient.gradient-3 { background: linear-gradient(45deg, #fbda61 0%, #ffeb3b 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient.gradient-4 { background: linear-gradient(45deg, #9040db 0%, #ab47bc 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient.gradient-5 { background: linear-gradient(45deg, #4158d0 0%, #667eea 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient.gradient-6 { background: linear-gradient(45deg, #08aeea 0%, #2af598 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } .text-gradient.gradient-7 { background: linear-gradient(45deg, #0093e9 0%, #80d0c7 100%); -webkit-background-clip: text; -webkit-text-fill-color: transparent; background-clip: text; } 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-[#1fc76f] text-white; } .picker label[for*="color"] > input:checked ~ span { @apply shadow-[0_0_0_2px_#fff,0_0_0_4px_var(--color)]; } .btn { @apply inline-flex items-center justify-center translate-y-0 tracking-[-0.01rem] relative; } .rounded-pill { @apply !rounded-[50rem]; } .btn:not(.btn-link):hover { @apply translate-y-[-0.15rem] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.15)]; } .btn.btn-circle.btn-play:hover { @apply translate-y-0; } .btn.btn-white:hover, .btn[class*="btn-soft-"]:hover { @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.05)]; } .btn.btn-block { @apply w-[2.2rem] h-[2.2rem] inline-flex items-center justify-center !text-[1rem] leading-none p-0; -webkit-backface-visibility: hidden; backface-visibility: hidden; } .btn.btn-block.btn-sm { @apply w-[1.8rem] h-[1.8rem] text-[1rem]; } .btn.btn-block.btn-lg { @apply w-12 h-12 text-[calc(1.265rem_+_0.18vw)]; } .btn.btn-block.btn-play { @apply w-14 h-14 text-[1.2rem]; } .btn.btn-block.btn-play i { @apply ml-[0.15rem]; } .btn.btn-block .number { @apply table-cell text-center align-middle text-[1.1rem] font-bold mx-auto my-0; } .btn-circle.ripple::after, .plyr__control--overlaid::after { animation-delay: 0.5s; } .btn.btn-circle.counter { @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)]; } .btn.btn-expand { @apply max-h-10 text-[0.85rem] pl-0 py-[0.55rem] border-0 before:content-[""] before:transition-all before:duration-[0.45s] before:ease-[cubic-bezier(.65,0,0.076,1)] before:w-auto before:h-10 before:absolute before:w-10 before:z-0 before:rounded-[50rem] before:left-0 before:top-0 hover:translate-y-0 hover:text-white hover:shadow-none hover:before:w-full bg-inherit; } .btn.btn-expand span { @apply relative z-[2] pl-[2.95rem]; } .btn.btn-expand i { @apply absolute z-[2] w-10 h-10 flex items-center justify-center text-white text-[calc(1.26rem_+_0.12vw)] transition-all duration-[0.45s] ease-[cubic-bezier(.65,0,0.076,1)] left-0 top-0; } .btn.btn-expand:hover { @apply bg-inherit; } .btn.btn-expand:hover i { @apply left-1; } .btn.btn-expand.btn-sm { @apply text-[12px] py-[0.45rem]; } .btn.btn-expand.btn-sm i { @apply w-[2.15rem] h-[2.15rem] text-[1.1rem]; } .btn.btn-expand.btn-sm span { @apply pl-[2.65rem]; } .btn.btn-expand.btn-sm:before { @apply w-[2.15rem]; } .btn.btn-expand.btn-sm:hover:before { @apply w-full; } .btn.btn-expand.btn-lg { @apply text-[0.9rem] py-[0.7rem]; } .btn.btn-expand.btn-lg i { @apply w-[2.9rem] h-[2.9rem] text-[calc(1.26rem_+_0.12vw)]; } .btn.btn-expand.btn-lg span { @apply pl-[3.4rem]; } .btn.btn-expand.btn-lg:before { @apply w-[2.9rem]; } .btn.btn-expand.btn-lg:hover:before { @apply w-full; } .input-group .btn:hover { @apply transform-none; } button:focus { outline: 0; } .btn-blue.btn-expand { @apply text-[#1fc76f] before:bg-[#1fc76f]; } .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-[#1fc76f] before:bg-[#1fc76f]; } .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-[#1fc76f] before:bg-[#1fc76f]; } .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-[#1fc76f] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#1fc76f] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#1fc76f] active:bg-[#e0e9fa] active:border-[#e0e9fa]; } .btn-soft-blue.btn-expand { @apply text-[#1fc76f] 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-[#1fc76f]; } .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-[#1fc76f] bg-[#f0eaf6] border-[#f0eaf6] hover:text-[#1fc76f] hover:bg-[#f0eaf6] hover:border-[#f0eaf6] active:text-[#1fc76f] active:bg-[#f0eaf6] active:border-[#f0eaf6]; } .btn-soft-violet.btn-expand { @apply text-[#1fc76f] 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-[#1fc76f]; } .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-[#1fc76f] bg-[#e0e9fa] border-[#e0e9fa] hover:text-[#1fc76f] hover:bg-[#e0e9fa] hover:border-[#e0e9fa] active:text-[#1fc76f] active:bg-[#e0e9fa] active:border-[#e0e9fa]; } .btn-soft-primary.btn-expand { @apply text-[#1fc76f] 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-[#1fc76f]; } .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-[#1fc76f] active:bg-[#1fc76f] active:border-[#1fc76f]; } .btn-outline-primary { @apply text-[#1fc76f] border-[#1fc76f] hover:bg-[#1fc76f] hover:border-[#1fc76f] active:bg-[#1fc76f] active:border-[#1fc76f] disabled:bg-[#1fc76f] disabled:border-[#1fc76f]; } .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-[#1fc76f] 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-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .nav-tabs.nav-tabs-basic .nav-item.show .nav-link, .nav-tabs.nav-tabs-basic .nav-link.active { @apply text-[#1fc76f] border-[#1fc76f]; } .nav-tabs.nav-pills { @apply border-transparent; } .nav-tabs.nav-pills .nav-link { @apply shadow-[0_0_0_0.05rem_rgba(8,60,130,0.06),0_0_1.25rem_rgba(30,34,40,0.04)] flex items-center mr-2 px-5 py-[0.55rem] border-transparent; } .nav-tabs.nav-tabs-bg { @apply border-transparent; } .nav-tabs.nav-tabs-bg .nav-link { @apply border leading-5 shadow-none px-[1.2rem] py-[1.4rem] rounded-[0.4rem] border-solid border-transparent first:ml-0 last:mr-0 bg-inherit; } .nav-tabs.nav-tabs-bg .nav-link.active, .nav-tabs.nav-tabs-bg .nav-link:hover { @apply text-[#343f52] shadow-[0_0_0_0.05rem_rgba(8,60,130,0.06),0_0_1.25rem_rgba(30,34,40,0.04)] border-transparent bg-white; } .nav-tabs.nav-tabs-bg .nav-link p { @apply font-medium text-[#60697b] m-0; } .nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link.active, .nav-tabs.nav-tabs-bg.nav-tabs-shadow-lg .nav-link:hover { box-shadow: 0 0.25rem 1.75rem rgba(30, 34, 40, 0.07) !important; } .nav-tabs.flex-column.nav-tabs-bg .nav-item { @apply mb-4; } .nav-tabs.nav-justified .nav-item { @apply text-left; } .tab-content { @apply mt-5; } .navbar { @apply w-full z-[1020]; } .navbar .container { @apply relative; } .navbar .navbar-collapse { @apply items-center; } .navbar.transparent .logo-dark { @apply hidden; } .navbar.transparent.fixed .logo-light { @apply hidden; } .navbar.transparent.fixed .logo-dark { @apply inline-block; } .navbar.navbar-dark .logo-dark { @apply hidden; } .navbar.navbar-light.fixed .logo-light { @apply hidden; } .navbar.navbar-light.fixed .logo-dark { @apply inline-block; } .navbar.navbar-light.fixed .btn:not(.btn-expand):not(.btn-gradient) { @apply border-[#1fc76f] !text-white bg-[#1fc76f]; } .navbar.navbar-bg-light { @apply shadow-none bg-white; } .navbar.navbar-bg-dark { @apply bg-[#21262c]; } .navbar .navbar-other .nav-item .nav-link { @apply py-0; } .navbar .navbar-other .navbar-nav > .nav-item .nav-link { @apply px-0; } .navbar .navbar-other .navbar-nav > .nav-item + .nav-item { @apply ml-[0.8rem]; } .navbar.fixed:not(.extended) .topbar { @apply hidden; } .navbar.fixed .navbar-collapse-wrapper { @apply shadow-none !mt-0 !p-0; background: 0 0 !important; } .navbar-clone { @apply !fixed z-[1008] -translate-y-full transition-all duration-[0.3s] ease-[ease-in-out,padding-right] delay-[0s] left-0 top-0 motion-reduce:transition-none; } .navbar-stick { @apply translate-y-0; } .navbar-stick:not(.navbar-dark) { @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.06)] bg-[rgba(255,255,255,.97)]; } button.hamburger { @apply cursor-pointer flex flex-col items-center justify-center text-[#343f52] transition-all duration-[0.2s] ease-in-out ml-[0.2rem] mr-0 my-0 p-0 border-0 motion-reduce:transition-none bg-inherit after:content-[""] before:content-[""]; } button.hamburger::-moz-focus-inner { @apply p-0 border-0; } button.hamburger:focus { outline: 0; } button.hamburger span, button.hamburger:after, button.hamburger:before { @apply w-[1.2rem] h-[0.15rem] transition-all duration-[0.2s] ease-in-out rounded-[2rem] motion-reduce:transition-none bg-[currentColor]; } button.hamburger span, button.hamburger:before { @apply mt-0 mb-1 mx-0; } .navbar.navbar-bg-dark button.hamburger, .navbar.navbar-dark button.hamburger, .navbar.position-absolute:not(.fixed):not(.navbar-light) button.hamburger { @apply text-white; } .card { @apply shadow-[0_0_0_0.05rem_rgba(8,60,130,0.06),0_0_1.25rem_rgba(30,34,40,0.04)] text-inherit border-0; } .card[class*="bg-"] { @apply shadow-none; } .card-img-top img { @apply rounded-t-[0.4rem]; } .card-img-top .plyr { @apply rounded-br-none rounded-bl-none; } .plyr { @apply relative z-[2] rounded-[0.4rem]; } [class*="card-border-"] { @apply relative; } [class*="card-border-"]:after { @apply content-[""] absolute; } .card-border-top:after { @apply border-b-[calc(.4rem_-_4px)] rounded-t-[0.4rem] border-t-4 border-t-inherit border-b-transparent top-0 inset-x-0; border-top-style: solid; border-bottom-style: solid; } .card-border-top[class*="border-soft-"]:after { @apply border-b-[calc(.4rem_-_6px)] border-t-[6px]; } .card-border-bottom:after { @apply border-t-[calc(.4rem_-_4px)] rounded-br-[0.4rem] rounded-bl-[0.4rem] border-t-transparent border-b-4 border-b-inherit bottom-0 inset-x-0; border-bottom-style: solid; border-top-style: solid; } .card-border-bottom[class*="border-soft-"]:after { @apply border-t-[calc(.4rem_-_6px)] border-b-[6px]; } .card-border-start:after { @apply border-r-[calc(.4rem_-_4px)] rounded-tl-[0.4rem] rounded-bl-[0.4rem] border-l-4 border-l-inherit border-r-transparent left-0 inset-y-0; border-left-style: solid; border-right-style: solid; } .card-border-start[class*="border-soft-"]:after { @apply !border-r-[calc(.4rem_-_6px)] !border-l-[6px]; } .card-border-end:after { @apply border-l-[calc(.4rem_-_4px)] rounded-tr-[0.4rem] rounded-br-[0.4rem] border-l-transparent border-r-4 border-r-inherit right-0 inset-y-0; border-right-style: solid; border-left-style: solid; } .card-border-end[class*="border-soft-"]:after { @apply border-l-[calc(.4rem_-_6px)] border-r-[6px]; } .container-card > .card, .container-card > .card.image-wrapper:before { @apply rounded-none; } .accordion-wrapper .card.plain { @apply shadow-none mb-0 border-0 bg-inherit; } .accordion-wrapper .card.plain .card-body { @apply pl-[1.1rem] pr-0 py-0; } .accordion-wrapper .card.plain .card-header { @apply pt-0 pb-[0.8rem] px-0; } .accordion-wrapper .card.plain .card-header button { @apply pl-[1.1rem] pr-0 py-0 before:left-0; } .accordion-wrapper .card-header button { @apply cursor-pointer w-full text-left text-[0.85rem] font-bold text-[#1fc76f] 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-[#1fc76f] 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-[#1fc76f] 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-[#1fc76f]; } .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:#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .progressbar.aqua svg path:last-child { @apply stroke-[#54a8c7]; } .progressbar.semi-circle.primary svg path:first-child { @apply stroke-[rgba(63,120,224,0.1)]; } .progressbar.soft-blue svg path:last-child { @apply stroke-[#8caeec]; } .progressbar.semi-circle.soft-blue svg path:first-child { @apply stroke-[rgba(63,120,224,0.1)]; } .progressbar.soft-sky svg path:last-child { @apply stroke-[#9ed5f6]; } .progressbar.semi-circle.soft-sky svg path:first-child { @apply stroke-[rgba(94,185,240,0.1)]; } .progressbar.soft-purple svg path:last-child { @apply stroke-[#acb2e3]; } .progressbar.semi-circle.soft-purple svg path:first-child { @apply stroke-[rgba(116,126,209,0.1)]; } .progressbar.soft-grape svg path:last-child { @apply stroke-[#a09ed6]; } .progressbar.semi-circle.soft-grape svg path:first-child { @apply stroke-[rgba(96,93,186,0.1)]; } .progressbar.soft-violet svg path:last-child { @apply stroke-[#c6b0dc]; } .progressbar.semi-circle.soft-violet svg path:first-child { @apply stroke-[rgba(160,124,197,0.1)]; } .progressbar.soft-pink svg path:last-child { @apply stroke-[#e3a6b6]; } .progressbar.semi-circle.soft-pink svg path:first-child { @apply stroke-[rgba(209,107,134,0.1)]; } .progressbar.soft-fuchsia svg path:last-child { @apply stroke-[#f0a4d1]; } .progressbar.semi-circle.soft-fuchsia svg path:first-child { @apply stroke-[rgba(230,104,179,0.1)]; } .progressbar.soft-red svg path:last-child { @apply stroke-[#eea1a6]; } .progressbar.semi-circle.soft-red svg path:first-child { @apply stroke-[rgba(226,98,107,0.1)]; } .progressbar.soft-orange svg path:last-child { @apply stroke-[#fab9ad]; } .progressbar.semi-circle.soft-orange svg path:first-child { @apply stroke-[rgba(247,139,119,0.1)]; } .progressbar.soft-yellow svg path:last-child { @apply stroke-[#fcd49b]; } .progressbar.semi-circle.soft-yellow svg path:first-child { @apply stroke-[rgba(250,183,88,0.1)]; } .progressbar.soft-green svg path:last-child { @apply stroke-[#8fdcc6]; } .progressbar.semi-circle.soft-green svg path:first-child { @apply stroke-[rgba(69,196,160,0.1)]; } .progressbar.soft-leaf svg path:last-child { @apply stroke-[#b0d4c1]; } .progressbar.semi-circle.soft-leaf svg path:first-child { @apply stroke-[rgba(124,183,152,0.1)]; } .progressbar.soft-aqua svg path:last-child { @apply stroke-[#98cbdd]; } .progressbar.semi-circle.soft-aqua svg path:first-child { @apply stroke-[rgba(84,168,199,0.1)]; } .progressbar.soft-navy svg path:last-child { @apply stroke-[#858c97]; } .progressbar.semi-circle.soft-navy svg path:first-child { @apply stroke-[rgba(52,63,82,0.1)]; } .progressbar.soft-ash svg path:last-child { @apply stroke-[#bfc2c8]; } .progressbar.semi-circle.soft-ash svg path:first-child { @apply stroke-[rgba(148,153,163,0.1)]; } .progress-wrap.active-progress { @apply visible translate-y-0 opacity-100; } .btn-close.disabled, .btn-close:disabled { @apply pointer-events-none select-none opacity-25; } .btn-close-white { @apply !text-white hover:!text-white before:bg-[rgba(255,255,255,.08)]; } .btn-close-white:hover:before { @apply bg-[rgba(255,255,255,.11)]; } .btn-close[data-bs-dismiss="modal"] { @apply absolute right-[0.7rem] top-[0.7rem]; } .modal.fade.modal-bottom-center .modal-dialog { @apply absolute bottom-0 inset-x-0; } .has-tooltip:focus { outline: 0; } .white-tooltip { @apply !mr-1 z-[11]; } .white-tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .white-tooltip.bs-tooltip-start .tooltip-arrow::before { @apply border-l-white; } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow, .bs-tooltip-start .tooltip-arrow { @apply right-[calc(-1_*_0.4rem)] w-[0.4rem] h-[0.8rem]; } .tooltip .tooltip-arrow { @apply block w-[0.8rem] h-[0.4rem]; } .white-tooltip.bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .white-tooltip.bs-tooltip-start .tooltip-arrow::before { @apply border-l-white; } .bs-tooltip-auto[data-popper-placement^="left"] .tooltip-arrow::before, .bs-tooltip-start .tooltip-arrow::before { @apply border-l-[#1fc76f] 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-[#1fc76f] 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-[#1fc76f] [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-[#1fc76f] [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-[#1fc76f] [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-[#1fc76f] [border-width:calc(0.8rem*.5)0_calc(0.8rem*.5)_0.4rem] -left-px; } .popover { @apply z-[1070] block max-w-[276px] not-italic font-medium leading-[1.7] text-left text-start no-underline normal-case tracking-[normal] break-normal whitespace-normal text-[0.8rem] bg-white bg-clip-padding border shadow-[0rem_0rem_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem] border-solid border-[rgba(164,174,198,0.2)] [word-wrap:break-word] font-Manrope; text-shadow: none; word-spacing: normal; line-break: auto; } .popover .popover-arrow { display: block; width: 1rem; height: 0.5rem; } .popover .popover-arrow::after, .popover .popover-arrow::before { position: absolute; display: block; content: ""; border-color: transparent; border-style: solid; border-width: 0; } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow, .bs-popover-top > .popover-arrow { bottom: calc(-1 * (0.5rem) - 1px); } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::after, .bs-popover-top > .popover-arrow::before { border-width: 0.5rem calc(1rem * 0.5) 0; } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::before, .bs-popover-top > .popover-arrow::before { bottom: 0; border-top-color: rgba(164, 174, 198, 0.2); } .bs-popover-auto[data-popper-placement^="top"] > .popover-arrow::after, .bs-popover-top > .popover-arrow::after { bottom: 1px; border-top-color: #ffffff; } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow, .bs-popover-end > .popover-arrow { left: calc(-1 * (0.5rem) - 1px); width: 0.5rem; height: 1rem; } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::after, .bs-popover-end > .popover-arrow::before { border-width: calc(1rem * 0.5) 0.5rem calc(1rem * 0.5) 0; } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::before, .bs-popover-end > .popover-arrow::before { left: 0; border-right-color: rgba(164, 174, 198, 0.2); } .bs-popover-auto[data-popper-placement^="right"] > .popover-arrow::after, .bs-popover-end > .popover-arrow::after { left: 1px; border-right-color: #ffffff; } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow, .bs-popover-bottom > .popover-arrow { top: calc(-1 * (0.5rem) - 1px); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::before { border-width: 0 calc(1rem * 0.5) 0.5rem; } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::before, .bs-popover-bottom > .popover-arrow::before { top: 0; border-bottom-color: rgba(164, 174, 198, 0.2); } .bs-popover-auto[data-popper-placement^="bottom"] > .popover-arrow::after, .bs-popover-bottom > .popover-arrow::after { top: 1px; border-bottom-color: #ffffff; } .bs-popover-auto[data-popper-placement^="bottom"] .popover-header::before, .bs-popover-bottom .popover-header::before { position: absolute; top: 0; left: 50%; display: block; width: 1rem; margin-left: calc(-0.5 * 1rem); content: ""; border-bottom: 1px solid #ffffff; } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow, .bs-popover-start > .popover-arrow { right: calc(-1 * (0.5rem) - 1px); width: 0.5rem; height: 1rem; } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::after, .bs-popover-start > .popover-arrow::before { border-width: calc(1rem * 0.5) 0 calc(1rem * 0.5) 0.5rem; } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::before, .bs-popover-start > .popover-arrow::before { right: 0; border-left-color: rgba(164, 174, 198, 0.2); } .bs-popover-auto[data-popper-placement^="left"] > .popover-arrow::after, .bs-popover-start > .popover-arrow::after { right: 1px; border-left-color: #ffffff; } .popover-header { padding: 1rem 1.25rem; margin-bottom: 0; font-size: 0.8rem; color: #343f52; background-color: #ffffff; border-bottom: 1px solid rgba(164, 174, 198, 0.2); border-top-left-radius: calc(0.4rem - 1px); border-top-right-radius: calc(0.4rem - 1px); } .popover-header:empty { display: none; } .popover-body { padding: 1rem 1.25rem; color: #60697b; } .has-popover:focus { outline: 0; } .popover-header { padding: 1rem 1.25rem 0.25rem; border: 0; font-size: 1rem; } .popover-body { padding: 0 1.25rem 1rem; } a.hover-2::before { transform: scale3d(0, 1, 1); } a.hover-2:hover:before { transform: scale3d(1, 1, 1); } .swiper-controls { @apply !absolute pointer-events-none w-full h-full left-0 top-0; } .swiper-controls .swiper-navigation { pointer-events: all; } .swiper-controls .swiper-navigation .swiper-button { @apply text-[#343f52] shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-[2.2rem] h-[2.2rem] leading-[inherit] transition-all duration-[0.2s] ease-in-out rounded-[100%] border-0 motion-reduce:transition-none after:text-[1.2rem] bg-[rgba(255,255,255,.7)]; text-shadow: none; } .swiper-controls .swiper-navigation .swiper-button:hover { @apply bg-[rgba(255,255,255,.9)]; } .swiper-controls .swiper-navigation .swiper-button:focus { outline: 0; } .swiper-controls .swiper-navigation .swiper-button:after { @apply font-Unicons; } .swiper-controls .swiper-navigation .swiper-button.swiper-button-prev { @apply left-4 after:content-["\e949"]; } .swiper-controls .swiper-navigation .swiper-button.swiper-button-next { @apply right-4 after:content-["\e94c"]; } .swiper-controls .swiper-navigation .swiper-button.swiper-button-disabled { @apply bg-[rgba(255,255,255,.7)]; } .swiper-controls .swiper-pagination { @apply bottom-[-2.8rem] !absolute; pointer-events: all; } .swiper-controls .swiper-pagination .swiper-pagination-bullet { @apply transition-all duration-[0.2s] ease-in-out relative inline-block w-2 h-2 opacity-50 mx-[0.3rem] my-0 p-0 rounded-[100%] border-[3px] border-solid border-transparent scale-[0.6] motion-reduce:transition-none hover:scale-100 bg-[#aab0bc]; -webkit-backface-visibility: visible; } .swiper-controls .swiper-pagination .swiper-pagination-bullet:focus { outline: 0; } .swiper-controls .swiper-pagination .swiper-pagination-bullet.swiper-pagination-bullet-active { @apply border-[#aab0bc] scale-100 bg-inherit; } .swiper-container.clients .swiper { @apply flex items-center; } .swiper-container.nav-color .swiper-button { @apply text-white !bg-[rgba(63,120,224,.9)]; } .swiper-container.nav-color .swiper-button.swiper-button-disabled, .swiper-container.nav-color .swiper-slide figure .item-link.swiper-button-disabled { @apply !bg-[rgba(63,120,224,.7)]; } .swiper-container.nav-color .swiper-button:hover { @apply !bg-[#1fc76f]; } .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-[#1fc76f]; } .solid.text-blue .fill-primary, .solid.text-blue .fill-secondary { @apply fill-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .solid-mono .fill-primary { @apply fill-[#1fc76f]; } .solid-mono .fill-secondary { @apply fill-[#b2c9f3]; } .solid-mono.text-primary .fill-primary { @apply fill-[#1fc76f]; } .solid-mono.text-primary .fill-secondary { @apply fill-[#b2c9f3]; } .solid-mono.text-blue .fill-primary { @apply fill-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .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-[#1fc76f]; } .shape.yellow .svg-fill { @apply fill-[#fab758]; } .shape.leaf .svg-fill { @apply fill-[#7cb798]; } .shape.pale-primary .svg-fill { @apply fill-[#e0e9fa]; } .text-fuchsia .lineal-fill { @apply fill-[#f0a4d1]; } .text-aqua .lineal-fill { @apply fill-[#98cbdd]; } .text-yellow .lineal-fill { @apply fill-[#fcd49b]; } .text-leaf .lineal-fill { @apply fill-[#b0d4c1]; } .text-orange .lineal-fill { @apply fill-[#fab9ad]; } .text-grape .lineal-fill { @apply fill-[#a09ed6]; } .ratings.one:after { @apply content-["\2605"]; } .ratings.two:after { @apply content-["\2605\2605"]; } .ratings.three:after { @apply content-["\2605\2605\2605"]; } .ratings.four:after { @apply content-["\2605\2605\2605\2605"]; } .custom-control .ratings { @apply h-[0.9rem]; } [class*=" icn-"], [class*=" uil-"], [class^="icn-"], [class^="uil-"] { @apply not-italic font-normal normal-case; speak: none; font-variant: normal; -webkit-font-smoothing: antialiased; -moz-osx-font-smoothing: grayscale; word-spacing: normal; } [class*=" uil-"], [class^="uil-"] { @apply !font-Unicons; } [class*=" icn-"], [class^="icn-"] { @apply !font-Custom; } .uil-eye:before { @apply content-["\eae1"]; } .uil-eye-slash:before { @apply content-["\eae0"]; } .icn-caret-right:before { @apply content-["\e900"]; } .icn-comment-line:before { @apply content-["\e904"]; } .icn-external:before { @apply content-["\e906"]; } .icn-terminal:before { @apply content-["\e905"]; } .counter-wrapper .card-body { @apply p-6; } .counter-wrapper .icon-bg { @apply mx-auto my-0; } figure.overlay img { @apply opacity-100 w-full max-w-full align-top relative; } .overlay { @apply relative text-center overflow-hidden; transform: translate3d(0, 0, 0); } .overlay * { @apply transition-all duration-[0.4s] ease-[ease] motion-reduce:transition-none text-white; } .overlay img { @apply transition-none max-w-full align-top; } .overlay:not(.caption-overlay) i { @apply block text-[calc(1.265rem_+_0.18vw)]; } .overlay span.bg { @apply block cursor-pointer opacity-0 z-[4] absolute w-full h-full inset-0 bg-[rgba(30,34,40,.6)]; } .overlay.color span.bg { @apply bg-[rgba(63,120,224,.7)]; } .overlay.light span.bg { @apply bg-[rgba(255,255,255,.6)]; } .overlay.overlay-gradient-1 span.bg { @apply bg-[linear-gradient(120deg,#f857a6_10%,#ef3f6e_100%)]; } .overlay.overlay-gradient-2 span.bg { @apply bg-[linear-gradient(40deg,#f5b161_.4%,#ec366e_100.2%)]; } .overlay.overlay-gradient-3 span.bg { @apply bg-[linear-gradient(45deg,#fbda61_0,#ff5acd_100%)]; } .overlay.overlay-gradient-4 span.bg { @apply bg-[linear-gradient(125deg,#9040db,#ff72c2_50%,#ffd84f)]; } .overlay.overlay-gradient-5 span.bg { @apply bg-[linear-gradient(43deg,#4158d0_0,#c850c0_46%,#ffcc70_100%)]; } .overlay.overlay-gradient-6 span.bg { @apply bg-[linear-gradient(45deg,#08aeea_0,#2af598_100%)]; } .overlay.overlay-gradient-7 span.bg { @apply bg-[linear-gradient(100deg,#605dba_20%,#3f78e0_85%)]; } .overlay.overlay-gradient-8 span.bg { @apply bg-[linear-gradient(0deg,#2c46a7,#3757c4)]; } .overlay.overlay-gradient-9 span.bg { @apply bg-[linear-gradient(45deg,#ffdee9,#b5fffc)]; } .overlay:not(.overlay-3):hover span.bg { @apply opacity-100 transition-opacity duration-[0.35s] ease-in-out motion-reduce:transition-none; } .overlay.light * { @apply text-[#343f52]; } .overlay img { -webkit-backface-visibility: hidden; backface-visibility: hidden; } .overlay.caption figcaption { @apply absolute w-full h-full opacity-100 flex flex-col justify-end items-start text-left p-6 left-0 top-0; } .overlay.caption figcaption .post-meta { @apply flex flex-row; } .overlay.caption figcaption .post-meta > li { @apply flex items-center; } .overlay.caption figcaption .badge { @apply text-[#343f52]; } .overlay.caption.caption-overlay span.bg { @apply opacity-100 after:content-[""] after:absolute after:opacity-0 after:w-full after:h-full after:transition-all after:duration-[0.4s] after:ease-[ease] after:left-0 after:top-0 motion-reduce:after:transition-none hover:after:opacity-100 bg-inherit; background: rgba(30, 34, 40, 0) linear-gradient( transparent 15%, transparent 20%, rgba(30, 34, 40, 0.3) 55%, rgba(30, 34, 40, 0.7) 85%, rgba(30, 34, 40, 0.75) 100% ) repeat scroll 0 0; } .overlay.caption.caption-overlay span.bg:after { @apply bg-[rgba(30,34,40,.2)]; } .overlay-1 * { @apply box-border; } .overlay-1:hover .figcaption *, .overlay-1:hover figcaption * { @apply -translate-y-2/4; } .overlay-2 * { @apply absolute w-full text-center m-0 left-0; } .overlay-2 > * { @apply h-full absolute inset-0; } .overlay-2 figcaption { @apply h-full opacity-0; } .overlay-2 img { @apply relative; } .overlay-2 .from-top { @apply px-4 py-0 bottom-2/4; transform: translate3d(0, -100%, 0); } .overlay-2 .from-bottom { @apply px-4 py-0 top-2/4; transform: translate3d(0, 100%, 0); } .overlay-2:hover * { @apply opacity-100; } .overlay-2:hover figcaption * { transform: translate3d(0, 0, 0); } .overlay-3 span.bg { @apply absolute block w-0 h-full opacity-0 invisible left-0 top-0; } .overlay-3:hover span.bg { @apply visible opacity-80 w-full; } .overlay-3:hover .figcaption .from-left, .overlay-3:hover figcaption .from-left { @apply opacity-100; transform: translate3d(0, 0, 0); } .overlay-3 figcaption { @apply absolute w-full h-full opacity-0 flex flex-col justify-end px-5 py-4 inset-0; } .overlay-3 .from-left { opacity: 0; transition: opacity 0.4s, transform 0.4s; transform: translate3d(-10%, 0, 0); } .overlay-3 .from-left:nth-child(1) { @apply delay-[0.15s]; } .overlay-3 .from-left:nth-child(2) { @apply delay-[0.2s]; } .overlay-3:hover .figcaption, .overlay-3:hover figcaption { @apply opacity-100; } .overlay-3:hover .figcaption .from-left, .overlay-3:hover figcaption .from-left { @apply opacity-100; transform: translate3d(0, 0, 0); } .hover-scale { @apply overflow-hidden translate-y-0; } .lift { @apply translate-y-0 transition-all duration-[0.3s] ease-[ease] hover:translate-y-[-0.4rem] hover:shadow-[0_0.25rem_1.25rem_rgba(52,63,82,0.1)]; } video.player { @apply max-w-full; } .plyr__control--overlaid { @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] !text-[#343f52] opacity-100 !p-5 border-0 !bg-white; } .plyr__control--overlaid:focus, .plyr__control--overlaid:hover { @apply !text-[#1fc76f] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] transition-all duration-[0.2s] ease-in-out !bg-white; } .plyr__control--overlaid::after, .plyr__control--overlaid::before { @apply content-[""] block absolute opacity-80 animate-[ripple-1_2s_infinite_ease-in-out] z-[-1] rounded-[50%] inset-0 bg-white; } .plyr--full-ui *, .plyr--full-ui :after, .plyr--full-ui :before { box-sizing: inherit; } .plyr__control--overlaid::after { @apply !animate-[ripple-2_2s_infinite_ease-in-out]; animation-delay: 0.5s !important; } .plyr__control--overlaid::after, .plyr__control--overlaid::before { @apply content-[""] block absolute opacity-80 animate-[ripple-1_2s_infinite_ease-in-out] z-[-1] rounded-[50%] inset-0 bg-white; } .pricing-wrapper [class*="xl\:w-"] { @apply z-[1]; } .pricing-wrapper [class*="xl\:w-"].popular { @apply z-[3]; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .card-body { @apply mx-auto py-12; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .card-body .icon { @apply mb-3; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .card-body .card-title { @apply mt-0 mb-2 mx-0 p-0; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices { @apply leading-none font-medium relative h-[2.3rem] m-0 p-0 bg-inherit; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-value { @apply text-[calc(1.365rem_+_1.38vw)]; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-currency { @apply inline-block text-[1rem] font-medium pr-[0.2rem] pt-[0.4rem]; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-duration { @apply text-[0.8rem] font-medium text-[#60697b] mt-auto mb-1; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-duration:before { @apply content-["/"] p-0; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price { @apply absolute flex justify-center inset-x-0; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-hidden { @apply hidden; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-show { @apply animate-[priceShow_0.6s_forwards]; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-hide { @apply animate-[priceFade_0.6s_forwards]; } .pricing-switcher-wrapper p:last-child { @apply relative; } .pricing-switcher-wrapper p:last-child .badge { @apply absolute top-[-1rem] right-[-2rem]; } .pricing-switchers .pricing-switcher:nth-child(1).pricing-switcher-active ~ .switcher-button { @apply left-0; } .pricing-switchers .pricing-switcher:nth-child(2).pricing-switcher-active ~ .switcher-button { @apply left-2/4; } .pricing-switchers .pricing-switcher.pricing-switcher-active { @apply text-white; } .switcher-dark .pricing-switchers { @apply bg-[rgba(255,255,255,0.06)]; } .timeline .timeline-item .timeline-content p:last-child { @apply m-0; } .timeline .timeline-item .timeline-marker { @apply absolute w-[0.6rem] text-[#1fc76f] left-0 inset-y-0 before:w-[0.55rem] before:h-[0.55rem] before:rounded-[100%] before:left-0 before:top-[0.2rem] after:w-px after:left-1 after:top-4 after:bottom-0 md:relative; } .timeline .timeline-item .timeline-marker:after, .timeline .timeline-item .timeline-marker:before { @apply content-[""] block absolute; } .timeline .timeline-item .timeline-marker { @apply before:bg-[currentColor]; } .timeline .timeline-item .timeline-marker:after { @apply bg-[rgba(164,174,198,.2)]; } .timeline .timeline-item:last-child .timeline-content { @apply pb-0; } .timeline .timeline-item:last-child .timeline-marker:after { @apply content-none; } .projects-tiles .project:first-child { @apply mt-0; } .projects-overflow .project-details { @apply w-full; } .projects-overflow .item { @apply relative mt-10 first:mt-0; } .item figure, .swiper-slide figure { @apply relative; } .item figure .item-like:hover, .item figure .item-link:hover, .item figure .item-view:hover, .swiper-slide figure .item-like:hover, .swiper-slide figure .item-link:hover, .swiper-slide figure .item-view:hover { @apply bg-[rgba(255,255,255,.9)]; } .item figure .item-view, .swiper-slide figure .item-view { @apply top-[3.7rem] bottom-auto; } .white-tooltip .tooltip-inner { @apply text-[#343f52] text-[0.7rem] max-w-[200px] px-2 py-[0.35rem] rounded-[0.4rem] bg-white; } .shop figure { @apply overflow-hidden; transform: translate3d(0, 0, 0); } .shopping-cart .shopping-cart-item .price { @apply mb-[0.4rem]; } table.shopping-cart td { @apply align-middle py-[1.2rem]; } .position-relative .shape.rellax + figure { @apply relative z-[2]; } .bg-dot { background-size: 0.75rem 0.75rem; } .bg-line.red { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #e2626b 1.6px, #e2626b 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px ); } .bg-line.green { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #45c4a0 1.6px, #45c4a0 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px ); } .bg-line.leaf { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #7cb798 1.6px, #7cb798 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px ); } .bg-line.aqua { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #54a8c7 1.6px, #54a8c7 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px ); } .bg-line.yellow { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #fab758 1.6px, #fab758 3px, rgba(255, 255, 255, 0) 3.8px, rgba(255, 255, 255, 0) 10px ); } .bg-line.blue { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #1fc76f 1.6px, #1fc76f 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(#1fc76f 2px, transparent 2.5px); } .bg-line.primary { background: repeating-linear-gradient( -55deg, rgba(255, 255, 255, 0) 0.8px, #1fc76f 1.6px, #1fc76f 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-[#1fc76f]; } .list-unstyled li a.active { @apply !text-[#1fc76f]; } #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-[#1fc76f]; } .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-[#1fc76f]; } .navbar-expand-xl .dropdown-mega, .navbar-expand-xl .navbar-nav { @apply static; } .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg { @apply pt-[1.6rem] pb-[1.3rem] px-1; } .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content { @apply flex flex-row; } .navbar-expand-xl .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header { @apply pt-0; } .navbar-expand-xl .navbar-nav .dropdown-menu:before { @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1]; } .navbar-expand-xl .navbar-nav .dropdown-menu .dropdown-toggle:after { @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem]; } .navbar-expand-xl .navbar-nav .dropdown-menu.mega-menu { @apply mx-3; } .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-menu { @apply invisible pointer-events-none opacity-0 block top-[120%]; } .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu { @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full; pointer-events: all; } .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu { @apply relative; } .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu { @apply top-[30%]; } .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before { @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1]; } .navbar-expand-xl:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu { @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0; pointer-events: all; } .navbar-expand-xl .dropend > .dropdown-menu { @apply ml-2; } .navbar-expand-xl .dropstart > .dropdown-menu { @apply mr-2; } .navbar-expand-xl .offcanvas-nav { @apply flex-row; position: unset; } .navbar-expand-xl .offcanvas-nav.offcanvas-end, .navbar-expand-xl .offcanvas-nav.offcanvas-start { @apply w-full; } .navbar-expand-xl.extended.navbar-bg-light:not(.fixed), .navbar-expand-xl.fancy.navbar-bg-light:not(.fixed) { @apply !bg-black; } .navbar-expand-xl.extended:not(.fixed) .navbar-collapse .nav-link { @apply py-[1.15rem]; } .navbar-expand-xl.fancy:not(.fixed) .navbar-collapse .nav-link { @apply py-5; } .navbar-expand-xl[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link { @apply py-[1.7rem]; } .navbar-expand-xl.extended .navbar-collapse-wrapper, .navbar-expand-xl.fancy .navbar-collapse-wrapper { @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem]; } .navbar-expand-xl.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper { @apply pl-2 pr-6 py-0; } .navbar-expand-xl.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper { @apply px-6 py-0; } .navbar-expand-xl.fancy:not(.fixed) .navbar-collapse-wrapper { @apply mt-9 px-6 py-0; } .navbar-expand-xl.extended:not(.extended-alt) .navbar-brand { @apply py-6; } .navbar-expand-xl.extended.extended-alt .navbar-brand { @apply py-7; } .navbar-expand-xl.fixed .topbar { @apply hidden; } .navbar-expand-xl.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu, .navbar-expand-xl.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu, .navbar-expand-xl.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu { @apply mt-2; } .navbar-expand-xl .navbar-collapse .nav-link { @apply whitespace-nowrap; } .navbar-expand-xl .navbar-collapse .nav-item.parent-link { @apply flex flex-row items-center; } .navbar-expand-xl .navbar-collapse .nav-item.parent-link > .nav-link:first-child { @apply pr-0; } .navbar-expand-xl .navbar-collapse .nav-item.parent-link .dropdown-toggle { @apply pl-0; } .navbar-expand-xl .dropdown-lg-content > div + div, .navbar-expand-xl .mega-menu-content > .row > [class*="col-"] + [class*="col-"] { @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid; } .navbar-expand-xl .mega-menu-content { @apply pt-[0.6rem] pb-[0.2rem] px-1; } .navbar-expand-xl .mega-menu-dark { @apply bg-[#2e353e]; } .navbar-expand-xl .mega-menu-dark .img-svg { @apply transition-all duration-[0.2s] ease-in-out; @apply bg-[rgba(255,255,255,.05)]; } .navbar-expand-xl .mega-menu-dark .img-svg:hover { @apply bg-[rgba(255,255,255,.09)]; } .navbar-expand-xl .mega-menu-dark .dropdown-item { @apply text-white; } .navbar-expand-xl .mega-menu-dark .dropdown-item:focus, .navbar-expand-xl .mega-menu-dark .dropdown-item:hover { @apply text-white; } .navbar-expand-xl .mega-menu-img { @apply p-0; } .navbar-expand-xl .mega-menu-img .mega-menu-content { @apply mx-0 my-[1.8rem] px-8 py-[0.2rem]; } .navbar-expand-xl .mega-menu-img .dropdown-item { @apply px-0; } .navbar-expand-xl.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { @apply hidden; } .navbar-expand .navbar-other .nav-item .nav-link > i { @apply text-[1.3rem]; } .overlay:not(.caption-overlay) i { @apply text-[1.4rem]; } .pricing-wrapper [class*="xl\:w-"] .pricing.card .prices .price-value { @apply text-[2.4rem]; } .projects-overflow .project-details { @apply max-w-[24rem]; } #comments ul.children li.comment:before { @apply text-[2rem]; } } @media (max-width: 1399.98px) { .table-responsive-xxl { @apply overflow-x-auto; -webkit-overflow-scrolling: touch; } .underline-3.style-1:after, .underline-3.style-1:before { @apply hidden; } .navbar-expand-xxl .offcanvas-nav { @apply overflow-x-hidden overflow-y-auto flex-col; } .navbar-expand-xxl .offcanvas-nav .offcanvas-body, .navbar-expand-xxl .offcanvas-nav .offcanvas-footer, .navbar-expand-xxl .offcanvas-nav .offcanvas-header { @apply w-full; } .navbar-expand-xxl .offcanvas-nav .offcanvas-body { @apply grow-0; overflow-y: unset; } .navbar-expand-xxl .navbar-collapse .dropdown-menu { @apply mt-0 p-0 bg-black; } .navbar-expand-xxl .navbar-collapse .dropdown-menu .dropdown-item { @apply text-white pl-4 py-[0.3rem]; } .navbar-expand-xxl .navbar-collapse .nav-link, .navbar-expand-xxl .navbar-collapse .nav-link.active, .navbar-expand-xxl .navbar-collapse .nav-link:focus, .navbar-expand-xxl .navbar-collapse .nav-link:hover, .navbar-expand-xxl .navbar-collapse .show > .nav-link { @apply text-white; } .navbar-expand-xxl .navbar-collapse .nav-link { @apply py-[0.3rem]; } .navbar-expand-xxl .navbar-collapse .dropdown-toggle:after { @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem]; } .navbar-expand-xxl .navbar-collapse .dropdown-submenu .dropdown-toggle:after { @apply top-[0.3rem]; } .navbar-expand-xxl .dropdown-header { @apply mt-2 px-4; } .navbar-expand-xxl .dropend .dropdown-toggle:after, .navbar-expand-xxl .dropstart .dropdown-toggle:after { @apply content-["\e92d"]; } .navbar-expand-xxl .dropstart .dropdown-menu[data-bs-popper] { @apply ml-3 mr-0; } .navbar-expand-xxl .dropdown-toggle:after { @apply top-1; } .navbar-expand-xxl .language-select .dropdown-toggle:after { vertical-align: 0 !important; } .navbar-expand-xxl .navbar-other .nav-item.language-select .nav-link { @apply text-[1.05rem]; } .navbar-expand-xxl .navbar-other .nav-item .nav-link > i { @apply text-[calc(1.255rem_+_0.06vw)]; } .navbar-expand-xxl .navbar-brand { @apply py-[1.2rem]; } .navbar-expand-xxl.fancy .navbar-collapse-wrapper { @apply shadow-none !bg-black; } .navbar-expand-xxl.center-logo.fixed .offcanvas-header .logo-light { @apply inline-block; } .navbar-expand-xxl.center-logo.fixed .offcanvas-header .logo-dark { @apply hidden; } .navbar-expand-xxl .nav-item.parent-link .dropdown-toggle { @apply py-0; } } @media (max-width: 1199.98px) { .table-responsive-xl { @apply overflow-x-auto; -webkit-overflow-scrolling: touch; } .border-radius-lg-top { @apply rounded-t-none; } .navbar-expand-xl .offcanvas-nav { @apply overflow-x-hidden overflow-y-auto flex-col; } .navbar-expand-xl .offcanvas-nav .offcanvas-body, .navbar-expand-xl .offcanvas-nav .offcanvas-footer, .navbar-expand-xl .offcanvas-nav .offcanvas-header { @apply w-full; } .navbar-expand-xl .offcanvas-nav .offcanvas-body { @apply grow-0; overflow-y: unset; } .navbar-expand-xl .navbar-collapse .dropdown-menu { @apply mt-0 p-0 bg-black; } .navbar-expand-xl .navbar-collapse .dropdown-menu .dropdown-item { @apply text-white pl-4 py-[0.3rem]; } .navbar-expand-xl .navbar-collapse .nav-link, .navbar-expand-xl .navbar-collapse .nav-link.active, .navbar-expand-xl .navbar-collapse .nav-link:focus, .navbar-expand-xl .navbar-collapse .nav-link:hover, .navbar-expand-xl .navbar-collapse .show > .nav-link { @apply text-white; } .navbar-expand-xl .navbar-collapse .nav-link { @apply py-[0.3rem]; } .navbar-expand-xl .navbar-collapse .dropdown-toggle:after { @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem]; } .navbar-expand-xl .navbar-collapse .dropdown-submenu .dropdown-toggle:after { @apply top-[0.3rem]; } .navbar-expand-xl .dropdown-header { @apply mt-2 px-4; } .navbar-expand-xl .dropend .dropdown-toggle:after, .navbar-expand-xl .dropstart .dropdown-toggle:after { @apply content-["\e92d"]; } .navbar-expand-xl .dropstart .dropdown-menu[data-bs-popper] { @apply ml-3 mr-0; } .navbar-expand-xl .dropdown-toggle:after { @apply top-1; } .navbar-expand-xl .language-select .dropdown-toggle:after { vertical-align: 0 !important; } .navbar-expand-xl .navbar-other .nav-item.language-select .nav-link { @apply text-[1.05rem]; } .navbar-expand-xl .navbar-other .nav-item .nav-link > i { @apply text-[calc(1.255rem_+_0.06vw)]; } .navbar-expand-xl .navbar-brand { @apply py-[1.2rem]; } .navbar-expand-xl.fancy .navbar-collapse-wrapper { @apply shadow-none !bg-black; } .navbar-expand-xl.center-logo.fixed .offcanvas-header .logo-light { @apply inline-block; } .navbar-expand-xl.center-logo.fixed .offcanvas-header .logo-dark { @apply hidden; } .navbar-expand-xl .nav-item.parent-link .dropdown-toggle { @apply py-0; } .swiper-fullscreen, .swiper-fullscreen .swiper:not(.swiper-thumbs) .swiper-slide { @apply h-[750px]; } } @media (min-width: 992px) { .navbar-expand-lg { @apply flex-nowrap justify-start; } .navbar-expand-lg .navbar-nav { @apply flex-row; } .navbar-expand-lg .navbar-nav .dropdown-menu { @apply absolute; } .navbar-expand-lg .navbar-nav .nav-link { @apply px-[1rem]; } .navbar-expand-lg .navbar-nav-scroll { @apply overflow-visible; } .navbar-expand-lg .navbar-collapse { @apply flex basis-auto; } .navbar-expand-lg .navbar-toggler { @apply hidden; } .navbar-expand-lg .offcanvas { @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none; } .navbar-expand-lg .offcanvas .offcanvas-header { @apply hidden; } .navbar-expand-lg .offcanvas .offcanvas-body { @apply flex grow-0 overflow-y-visible p-0; } .modal-lg, .modal-xl { width: 800px; } .sticky-lg-top { @apply sticky z-[1020] top-0; } .sticky-lg-bottom { @apply sticky z-[1020] bottom-0; } .float-lg-start { @apply float-left; } .float-lg-end { @apply float-right; } .float-lg-none { @apply float-none; } .object-fit-lg-contain { @apply object-contain; -o-object-fit: contain !important; } .object-fit-lg-cover { @apply object-cover; -o-object-fit: cover !important; } .object-fit-lg-fill { @apply object-fill; -o-object-fit: fill !important; } .object-fit-lg-scale { @apply object-scale-down; -o-object-fit: scale-down !important; } .object-fit-lg-none { @apply object-none; -o-object-fit: none !important; } .d-lg-inline { @apply inline; } .d-lg-inline-block { @apply inline-block; } .d-lg-block { @apply block; } .d-lg-grid { @apply grid; } .d-lg-inline-grid { @apply inline-grid; } .d-lg-table { @apply table; } .d-lg-table-row { @apply table-row; } .d-lg-table-cell { @apply table-cell; } .d-lg-flex { @apply flex; } .d-lg-inline-flex { @apply inline-flex; } .flex-lg-fill { @apply flex-auto; } .flex-lg-row-reverse { @apply flex-row-reverse; } .flex-lg-column-reverse { @apply flex-col-reverse; } .flex-lg-grow-0 { @apply grow-0; } .flex-lg-grow-1 { @apply grow; } .flex-lg-shrink-0 { @apply shrink-0; } .flex-lg-shrink-1 { @apply shrink; } .flex-lg-wrap { @apply flex-wrap; } .flex-lg-nowrap { @apply flex-nowrap; } .flex-lg-wrap-reverse { @apply flex-wrap-reverse; } .justify-content-lg-start { @apply lg:!justify-start; } .justify-content-lg-end { @apply lg:!justify-end; } .justify-content-lg-center { @apply lg:!justify-center; } .justify-content-lg-between { @apply lg:!justify-between; } .justify-content-lg-around { @apply lg:!justify-around; } .justify-content-lg-evenly { @apply lg:!justify-evenly; } .align-items-lg-start { @apply lg:!items-start; } .align-items-lg-end { @apply lg:!items-end; } .align-items-lg-center { @apply lg:!items-center; } .align-items-lg-baseline { @apply lg:!items-baseline; } .align-items-lg-stretch { @apply lg:!items-stretch; } .order-lg-first { @apply lg:!-order-1; } .order-lg-0 { @apply lg:!order-none; } .order-lg-1 { @apply lg:!order-1; } .order-lg-2 { @apply lg:!order-2; } .order-lg-3 { @apply lg:!order-3; } .order-lg-4 { @apply lg:!order-4; } .order-lg-5 { @apply lg:!order-5; } .order-lg-last { @apply lg:!order-6; } .m-lg-0 { @apply m-0; } .m-lg-1 { @apply m-1; } .m-lg-2 { @apply m-2; } .m-lg-3 { @apply m-3; } .m-lg-4 { @apply m-4; } .m-lg-5 { @apply m-5; } .m-lg-6 { @apply m-6; } .m-lg-7 { @apply m-7; } .m-lg-8 { @apply m-8; } .m-lg-9 { @apply m-9; } .m-lg-10 { @apply m-10; } .m-lg-11 { @apply m-12; } .m-lg-12 { @apply m-14; } .m-lg-13 { @apply m-16; } .m-lg-14 { @apply m-[4.5rem]; } .m-lg-15 { @apply m-20; } .m-lg-16 { @apply m-24; } .m-lg-17 { @apply m-28; } .m-lg-18 { @apply m-32; } .m-lg-19 { @apply m-36; } .m-lg-20 { @apply m-40; } .m-lg-21 { @apply m-[12.5rem]; } .m-lg-22 { @apply m-60; } .m-lg-23 { @apply m-[17.5rem]; } .m-lg-24 { @apply m-80; } .m-lg-25 { @apply m-[22.5rem]; } .m-lg-auto { @apply m-auto; } .mx-lg-0 { @apply mx-0; } .mx-lg-1 { @apply mx-1; } .mx-lg-2 { @apply mx-2; } .mx-lg-3 { @apply mx-3; } .mx-lg-4 { @apply mx-4; } .mx-lg-5 { @apply mx-5; } .mx-lg-6 { @apply lg:mx-6; } .mx-lg-7 { @apply mx-7; } .mx-lg-8 { @apply mx-8; } .mx-lg-9 { @apply mx-9; } .mx-lg-10 { @apply lg:mx-10; } .mx-lg-11 { @apply mx-12; } .mx-lg-12 { @apply mx-14; } .mx-lg-13 { @apply mx-16; } .mx-lg-14 { @apply mx-[4.5rem]; } .mx-lg-15 { @apply mx-20; } .mx-lg-16 { @apply mx-24; } .mx-lg-17 { @apply mx-28; } .mx-lg-18 { @apply mx-32; } .mx-lg-19 { @apply mx-36; } .mx-lg-20 { @apply mx-40; } .mx-lg-21 { @apply mx-[12.5rem]; } .mx-lg-22 { @apply mx-60; } .mx-lg-23 { @apply mx-[17.5rem]; } .mx-lg-24 { @apply mx-80; } .mx-lg-25 { @apply mx-[22.5rem]; } .mx-lg-auto { @apply lg:mx-auto; } .my-lg-0 { @apply my-0; } .my-lg-1 { @apply my-1; } .my-lg-2 { @apply my-2; } .my-lg-3 { @apply my-3; } .my-lg-4 { @apply my-4; } .my-lg-5 { @apply my-5; } .my-lg-6 { @apply my-6; } .my-lg-7 { @apply my-7; } .my-lg-8 { @apply my-8; } .my-lg-9 { @apply my-9; } .my-lg-10 { @apply my-10; } .my-lg-11 { @apply my-12; } .my-lg-12 { @apply my-14; } .my-lg-13 { @apply my-16; } .my-lg-14 { @apply my-[4.5rem]; } .my-lg-15 { @apply my-20; } .my-lg-16 { @apply my-24; } .my-lg-17 { @apply my-28; } .my-lg-18 { @apply my-32; } .my-lg-19 { @apply my-36; } .my-lg-20 { @apply my-40; } .my-lg-21 { @apply my-[12.5rem]; } .my-lg-22 { @apply my-60; } .my-lg-23 { @apply my-[17.5rem]; } .my-lg-24 { @apply my-80; } .my-lg-25 { @apply my-[22.5rem]; } .my-lg-auto { @apply my-auto; } .mt-lg-0 { @apply lg:!mt-0; } .mt-lg-1 { @apply lg:!mt-1; } .mt-lg-2 { @apply lg:!mt-2; } .mt-lg-3 { @apply lg:!mt-3; } .mt-lg-4 { @apply lg:!mt-4; } .mt-lg-5 { @apply lg:!mt-5; } .mt-lg-6 { @apply lg:!mt-6; } .mt-lg-7 { @apply lg:!mt-7; } .mt-lg-8 { @apply lg:!mt-8; } .mt-lg-9 { @apply lg:!mt-9; } .mt-lg-10 { @apply lg:!mt-10; } .mt-lg-11 { @apply lg:!mt-12; } .mt-lg-12 { @apply lg:!mt-14; } .mt-lg-13 { @apply lg:!mt-16; } .mt-lg-14 { @apply lg:!mt-[4.5rem]; } .mt-lg-15 { @apply lg:!mt-20; } .mt-lg-16 { @apply lg:!mt-24; } .mt-lg-17 { @apply lg:!mt-28; } .mt-lg-18 { @apply lg:!mt-32; } .mt-lg-19 { @apply lg:!mt-36; } .mt-lg-20 { @apply lg:!mt-40; } .mt-lg-21 { @apply lg:!mt-[12.5rem]; } .mt-lg-22 { @apply lg:!mt-60; } .mt-lg-23 { @apply lg:!mt-[17.5rem]; } .mt-lg-24 { @apply lg:!mt-80; } .mt-lg-25 { @apply lg:!mt-[22.5rem]; } .mt-lg-auto { @apply lg:!mt-auto; } .me-lg-0 { @apply lg:!mr-0; } .me-lg-1 { @apply lg:!mr-1; } .me-lg-2 { @apply lg:!mr-2; } .me-lg-3 { @apply lg:!mr-3; } .me-lg-4 { @apply lg:!mr-4; } .me-lg-5 { @apply lg:!mr-5; } .me-lg-6 { @apply lg:!mr-6; } .me-lg-7 { @apply lg:!mr-7; } .me-lg-8 { @apply lg:!mr-8; } .me-lg-9 { @apply lg:!mr-9; } .me-lg-10 { @apply lg:!mr-10; } .me-lg-11 { @apply lg:!mr-12; } .me-lg-12 { @apply lg:!mr-14; } .me-lg-13 { @apply lg:!mr-16; } .me-lg-14 { @apply lg:!mr-[4.5rem]; } .me-lg-15 { @apply lg:!mr-20; } .me-lg-16 { @apply lg:!mr-24; } .me-lg-17 { @apply lg:!mr-28; } .me-lg-18 { @apply lg:!mr-32; } .me-lg-19 { @apply lg:!mr-36; } .me-lg-20 { @apply lg:!mr-40; } .me-lg-21 { @apply lg:!mr-[12.5rem]; } .me-lg-22 { @apply lg:!mr-60; } .me-lg-23 { @apply lg:!mr-[17.5rem]; } .me-lg-24 { @apply lg:!mr-80; } .me-lg-25 { @apply lg:!mr-[22.5rem]; } .me-lg-auto { @apply lg:!mr-auto; } .mb-lg-0 { @apply lg:!mb-0; } .mb-lg-1 { @apply lg:!mb-1; } .mb-lg-2 { @apply lg:!mb-2; } .mb-lg-3 { @apply lg:!mb-3; } .mb-lg-4 { @apply lg:!mb-4; } .mb-lg-5 { @apply lg:!mb-5; } .mb-lg-6 { @apply lg:!mb-6; } .mb-lg-7 { @apply lg:!mb-7; } .mb-lg-8 { @apply lg:!mb-8; } .mb-lg-9 { @apply lg:!mb-9; } .mb-lg-10 { @apply lg:!mb-10; } .mb-lg-11 { @apply lg:!mb-12; } .mb-lg-12 { @apply lg:!mb-14; } .mb-lg-13 { @apply lg:!mb-16; } .mb-lg-14 { @apply lg:!mb-[4.5rem]; } .mb-lg-15 { @apply lg:!mb-20; } .mb-lg-16 { @apply lg:!mb-24; } .mb-lg-17 { @apply lg:!mb-28; } .mb-lg-18 { @apply lg:!mb-32; } .mb-lg-19 { @apply lg:!mb-36; } .mb-lg-20 { @apply lg:!mb-40; } .mb-lg-21 { @apply lg:!mb-[12.5rem]; } .mb-lg-22 { @apply lg:!mb-60; } .mb-lg-23 { @apply lg:!mb-[17.5rem]; } .mb-lg-24 { @apply lg:!mb-80; } .mb-lg-25 { @apply lg:!mb-[22.5rem]; } .mb-lg-auto { @apply lg:!mb-auto; } .ms-lg-0 { @apply lg:!ml-0; } .ms-lg-1 { @apply lg:!ml-1; } .ms-lg-2 { @apply lg:!ml-2; } .ms-lg-3 { @apply lg:!ml-3; } .ms-lg-4 { @apply lg:!ml-4; } .ms-lg-5 { @apply lg:!ml-5; } .ms-lg-6 { @apply lg:!ml-6; } .ms-lg-7 { @apply lg:!ml-7; } .ms-lg-8 { @apply lg:!ml-8; } .ms-lg-9 { @apply lg:!ml-9; } .ms-lg-10 { @apply lg:!ml-10; } .ms-lg-11 { @apply lg:!ml-12; } .ms-lg-12 { @apply lg:!ml-14; } .ms-lg-13 { @apply lg:!ml-16; } .ms-lg-14 { @apply lg:!ml-[4.5rem]; } .ms-lg-15 { @apply lg:!ml-20; } .ms-lg-16 { @apply lg:!ml-24; } .ms-lg-17 { @apply lg:!ml-28; } .ms-lg-18 { @apply lg:!ml-32; } .ms-lg-19 { @apply lg:!ml-36; } .ms-lg-20 { @apply lg:!ml-40; } .ms-lg-21 { @apply lg:!ml-[12.5rem]; } .ms-lg-22 { @apply lg:!ml-60; } .ms-lg-23 { @apply lg:!ml-[17.5rem]; } .ms-lg-24 { @apply lg:!ml-80; } .ms-lg-25 { @apply lg:!ml-[22.5rem]; } .ms-lg-auto { @apply lg:!ml-auto; } .m-lg-n1 { @apply mt-[-0.25rem] mr-[-0.25rem] mb-[-0.25rem] ml-[-0.25rem]; } .m-lg-n2 { @apply mt-[-0.5rem] mr-[-0.5rem] mb-[-0.5rem] ml-[-0.5rem]; } .m-lg-n3 { @apply mt-[-0.75rem] mr-[-0.75rem] mb-[-0.75rem] ml-[-0.75rem]; } .m-lg-n4 { @apply mt-[-1rem] mr-[-1rem] mb-[-1rem] ml-[-1rem]; } .m-lg-n5 { @apply mt-[-1.25rem] mr-[-1.25rem] mb-[-1.25rem] ml-[-1.25rem]; } .m-lg-n6 { @apply mt-[-1.5rem] mr-[-1.5rem] mb-[-1.5rem] ml-[-1.5rem]; } .m-lg-n7 { @apply mt-[-1.75rem] mr-[-1.75rem] mb-[-1.75rem] ml-[-1.75rem]; } .m-lg-n8 { @apply mt-[-2rem] mr-[-2rem] mb-[-2rem] ml-[-2rem]; } .m-lg-n9 { @apply mt-[-2.25rem] mr-[-2.25rem] mb-[-2.25rem] ml-[-2.25rem]; } .m-lg-n10 { @apply mt-[-2.5rem] mr-[-2.5rem] mb-[-2.5rem] ml-[-2.5rem]; } .m-lg-n11 { @apply mt-[-3rem] mr-[-3rem] mb-[-3rem] ml-[-3rem]; } .m-lg-n12 { @apply mt-[-3.5rem] mr-[-3.5rem] mb-[-3.5rem] ml-[-3.5rem]; } .m-lg-n13 { @apply mt-[-4rem] mr-[-4rem] mb-[-4rem] ml-[-4rem]; } .m-lg-n14 { @apply mt-[-4.5rem] mr-[-4.5rem] mb-[-4.5rem] ml-[-4.5rem]; } .m-lg-n15 { @apply mt-[-5rem] mr-[-5rem] mb-[-5rem] ml-[-5rem]; } .m-lg-n18 { @apply mt-[-8rem] mr-[-8rem] mb-[-8rem] ml-[-8rem]; } .m-lg-n19 { @apply mt-[-9rem] mr-[-9rem] mb-[-9rem] ml-[-9rem]; } .m-lg-n20 { @apply mt-[-10rem] mr-[-10rem] mb-[-10rem] ml-[-10rem]; } .m-lg-n21 { @apply mt-[-12.5rem] mr-[-12.5rem] mb-[-12.5rem] ml-[-12.5rem]; } .m-lg-n22 { @apply mt-[-15rem] mr-[-15rem] mb-[-15rem] ml-[-15rem]; } .m-lg-n23 { @apply mt-[-17.5rem] mr-[-17.5rem] mb-[-17.5rem] ml-[-17.5rem]; } .m-lg-n24 { @apply mt-[-20rem] mr-[-20rem] mb-[-20rem] ml-[-20rem]; } .m-lg-n25 { @apply mt-[-22.5rem] mr-[-22.5rem] mb-[-22.5rem] ml-[-22.5rem]; } .mx-lg-n1 { @apply mr-[-0.25rem] ml-[-0.25rem]; } .mx-lg-n2 { @apply mr-[-0.5rem] ml-[-0.5rem]; } .mx-lg-n3 { @apply mr-[-0.75rem] ml-[-0.75rem]; } .mx-lg-n4 { @apply mr-[-1rem] ml-[-1rem]; } .mx-lg-n5 { @apply mr-[-1.25rem] ml-[-1.25rem]; } .mx-lg-n6 { @apply mr-[-1.5rem] ml-[-1.5rem]; } .mx-lg-n7 { @apply mr-[-1.75rem] ml-[-1.75rem]; } .mx-lg-n8 { @apply mr-[-2rem] ml-[-2rem]; } .mx-lg-n9 { @apply mr-[-2.25rem] ml-[-2.25rem]; } .mx-lg-n10 { @apply lg:mx-[-2.5rem]; } .mx-lg-n11 { @apply mr-[-3rem] ml-[-3rem]; } .mx-lg-n12 { @apply mr-[-3.5rem] ml-[-3.5rem]; } .mx-lg-n13 { @apply mr-[-4rem] ml-[-4rem]; } .mx-lg-n14 { @apply mr-[-4.5rem] ml-[-4.5rem]; } .mx-lg-n15 { @apply mr-[-5rem] ml-[-5rem]; } .mx-lg-n16 { @apply mr-[-6rem] ml-[-6rem]; } .mx-lg-n17 { @apply mr-[-7rem] ml-[-7rem]; } .mx-lg-n18 { @apply mr-[-8rem] ml-[-8rem]; } .mx-lg-n19 { @apply mr-[-9rem] ml-[-9rem]; } .mx-lg-n20 { @apply mr-[-10rem] ml-[-10rem]; } .mx-lg-n21 { @apply mr-[-12.5rem] ml-[-12.5rem]; } .mx-lg-n22 { @apply mr-[-15rem] ml-[-15rem]; } .mx-lg-n23 { @apply mr-[-17.5rem] ml-[-17.5rem]; } .mx-lg-n24 { @apply mr-[-20rem] ml-[-20rem]; } .mx-lg-n25 { @apply mr-[-22.5rem] ml-[-22.5rem]; } .my-lg-n1 { @apply mt-[-0.25rem] mb-[-0.25rem]; } .my-lg-n2 { @apply mt-[-0.5rem] mb-[-0.5rem]; } .my-lg-n3 { @apply mt-[-0.75rem] mb-[-0.75rem]; } .my-lg-n4 { @apply mt-[-1rem] mb-[-1rem]; } .my-lg-n5 { @apply mt-[-1.25rem] mb-[-1.25rem]; } .my-lg-n6 { @apply mt-[-1.5rem] mb-[-1.5rem]; } .my-lg-n7 { @apply mt-[-1.75rem] mb-[-1.75rem]; } .my-lg-n8 { @apply mt-[-2rem] mb-[-2rem]; } .my-lg-n9 { @apply mt-[-2.25rem] mb-[-2.25rem]; } .my-lg-n10 { @apply mt-[-2.5rem] mb-[-2.5rem]; } .my-lg-n11 { @apply mt-[-3rem] mb-[-3rem]; } .my-lg-n12 { @apply mt-[-3.5rem] mb-[-3.5rem]; } .my-lg-n13 { @apply mt-[-4rem] mb-[-4rem]; } .my-lg-n14 { @apply mt-[-4.5rem] mb-[-4.5rem]; } .my-lg-n15 { @apply mt-[-5rem] mb-[-5rem]; } .my-lg-n16 { @apply mt-[-6rem] mb-[-6rem]; } .my-lg-n17 { @apply mt-[-7rem] mb-[-7rem]; } .my-lg-n18 { @apply mt-[-8rem] mb-[-8rem]; } .my-lg-n19 { @apply mt-[-9rem] mb-[-9rem]; } .my-lg-n20 { @apply mt-[-10rem] mb-[-10rem]; } .my-lg-n21 { @apply mt-[-12.5rem] mb-[-12.5rem]; } .my-lg-n22 { @apply mt-[-15rem] mb-[-15rem]; } .my-lg-n23 { @apply mt-[-17.5rem] mb-[-17.5rem]; } .my-lg-n24 { @apply mt-[-20rem] mb-[-20rem]; } .my-lg-n25 { @apply mt-[-22.5rem] mb-[-22.5rem]; } .mt-lg-n1 { @apply lg:!mt-[-0.25rem]; } .mt-lg-n2 { @apply lg:!mt-[-0.5rem]; } .mt-lg-n3 { @apply lg:!mt-[-0.75rem]; } .mt-lg-n4 { @apply lg:!mt-[-1rem]; } .mt-lg-n5 { @apply lg:!mt-[-1.25rem]; } .mt-lg-n6 { @apply lg:!mt-[-1.5rem]; } .mt-lg-n7 { @apply lg:!mt-[-1.75rem]; } .mt-lg-n8 { @apply lg:!mt-[-2rem]; } .mt-lg-n9 { @apply lg:!mt-[-2.25rem]; } .mt-lg-n10 { @apply lg:!mt-[-2.5rem]; } .mt-lg-n11 { @apply lg:!mt-[-3rem]; } .mt-lg-n12 { @apply lg:!mt-[-3.5rem]; } .mt-lg-n13 { @apply lg:!mt-[-4rem]; } .mt-lg-n14 { @apply lg:!mt-[-4.5rem]; } .mt-lg-n15 { @apply lg:!mt-[-5rem]; } .mt-lg-n16 { @apply lg:!mt-[-6rem]; } .mt-lg-n17 { @apply lg:!mt-[-7rem]; } .mt-lg-n18 { @apply lg:!mt-[-8rem]; } .mt-lg-n19 { @apply lg:!mt-[-9rem]; } .mt-lg-n20 { @apply lg:!mt-[-10rem]; } .mt-lg-n21 { @apply lg:!mt-[-12.5rem]; } .mt-lg-n22 { @apply lg:!mt-[-15rem]; } .mt-lg-n23 { @apply lg:!mt-[-17.5rem]; } .mt-lg-n24 { @apply lg:!mt-[-20rem]; } .mt-lg-n25 { @apply lg:!mt-[-22.5rem]; } .me-lg-n1 { @apply lg:!mr-[-0.25rem]; } .me-lg-n2 { @apply lg:!mr-[-0.5rem]; } .me-lg-n3 { @apply lg:!mr-[-0.75rem]; } .me-lg-n4 { @apply lg:!mr-[-1rem]; } .me-lg-n5 { @apply lg:!mr-[-1.25rem]; } .me-lg-n6 { @apply lg:!mr-[-1.5rem]; } .me-lg-n7 { @apply lg:!mr-[-1.75rem]; } .me-lg-n8 { @apply lg:!mr-[-2rem]; } .me-lg-n9 { @apply lg:!mr-[-2.25rem]; } .me-lg-n10 { @apply lg:!mr-[-2.5rem]; } .me-lg-n11 { @apply lg:!mr-[-3rem]; } .me-lg-n12 { @apply lg:!mr-[-3.5rem]; } .me-lg-n13 { @apply lg:!mr-[-4rem]; } .me-lg-n14 { @apply lg:!mr-[-4.5rem]; } .me-lg-n15 { @apply lg:!mr-[-5rem]; } .me-lg-n16 { @apply lg:!mr-[-6rem]; } .me-lg-n17 { @apply lg:!mr-[-7rem]; } .me-lg-n18 { @apply lg:!mr-[-8rem]; } .me-lg-n19 { @apply lg:!mr-[-9rem]; } .me-lg-n20 { @apply lg:!mr-[-10rem]; } .me-lg-n21 { @apply lg:!mr-[-12.5rem]; } .me-lg-n22 { @apply lg:!mr-[-15rem]; } .me-lg-n23 { @apply lg:!mr-[-17.5rem]; } .me-lg-n24 { @apply lg:!mr-[-20rem]; } .me-lg-n25 { @apply lg:!mr-[-22.5rem]; } .mb-lg-n1 { @apply lg:!mb-[-0.25rem]; } .mb-lg-n2 { @apply lg:!mb-[-0.5rem]; } .mb-lg-n3 { @apply lg:!mb-[-0.75rem]; } .mb-lg-n4 { @apply lg:!mb-[-1rem]; } .mb-lg-n5 { @apply lg:!mb-[-1.25rem]; } .mb-lg-n6 { @apply lg:!mb-[-1.5rem]; } .mb-lg-n7 { @apply lg:!mb-[-1.75rem]; } .mb-lg-n8 { @apply lg:!mb-[-2rem]; } .mb-lg-n9 { @apply lg:!mb-[-2.25rem]; } .mb-lg-n10 { @apply lg:!mb-[-2.5rem]; } .mb-lg-n11 { @apply lg:!mb-[-3rem]; } .mb-lg-n12 { @apply lg:!mb-[-3.5rem]; } .mb-lg-n13 { @apply lg:!mb-[-4rem]; } .mb-lg-n14 { @apply lg:!mb-[-4.5rem]; } .mb-lg-n15 { @apply lg:!mb-[-5rem]; } .mb-lg-n16 { @apply lg:!mb-[-6rem]; } .mb-lg-n17 { @apply lg:!mb-[-7rem]; } .mb-lg-n18 { @apply lg:!mb-[-8rem]; } .mb-lg-n19 { @apply lg:!mb-[-9rem]; } .mb-lg-n20 { @apply lg:!mb-[-10rem]; } .mb-lg-n21 { @apply lg:!mb-[-12.5rem]; } .mb-lg-n22 { @apply lg:!mb-[-15rem]; } .mb-lg-n23 { @apply lg:!mb-[-17.5rem]; } .mb-lg-n24 { @apply lg:!mb-[-20rem]; } .mb-lg-n25 { @apply lg:!mb-[-22.5rem]; } .ms-lg-n1 { @apply lg:!ml-[-0.25rem]; } .ms-lg-n2 { @apply lg:!ml-[-0.5rem]; } .ms-lg-n3 { @apply lg:!ml-[-0.75rem]; } .ms-lg-n4 { @apply lg:!ml-[-1rem]; } .ms-lg-n5 { @apply lg:!ml-[-1.25rem]; } .ms-lg-n6 { @apply lg:!ml-[-1.5rem]; } .ms-lg-n7 { @apply lg:!ml-[-1.75rem]; } .ms-lg-n8 { @apply lg:!ml-[-2rem]; } .ms-lg-n9 { @apply lg:!ml-[-2.25rem]; } .ms-lg-n10 { @apply lg:!ml-[-2.5rem]; } .ms-lg-n11 { @apply lg:!ml-[-3rem]; } .ms-lg-n12 { @apply lg:!ml-[-3.5rem]; } .ms-lg-n13 { @apply lg:!ml-[-4rem]; } .ms-lg-n14 { @apply lg:!ml-[-4.5rem]; } .ms-lg-n15 { @apply lg:!ml-[-5rem]; } .ms-lg-n16 { @apply lg:!ml-[-6rem]; } .ms-lg-n17 { @apply lg:!ml-[-7rem]; } .ms-lg-n18 { @apply lg:!ml-[-8rem]; } .ms-lg-n19 { @apply lg:!ml-[-9rem]; } .ms-lg-n20 { @apply lg:!ml-[-10rem]; } .ms-lg-n21 { @apply lg:!ml-[-12.5rem]; } .ms-lg-n22 { @apply lg:!ml-[-15rem]; } .ms-lg-n23 { @apply lg:!ml-[-17.5rem]; } .ms-lg-n24 { @apply lg:!ml-[-20rem]; } .ms-lg-n25 { @apply lg:!ml-[-22.5rem]; } .p-lg-0 { @apply p-0; } .p-lg-1 { @apply p-1; } .p-lg-2 { @apply p-2; } .p-lg-3 { @apply p-3; } .p-lg-4 { @apply p-4; } .p-lg-5 { @apply p-5; } .p-lg-6 { @apply p-6; } .p-lg-7 { @apply p-7; } .p-lg-8 { @apply p-8; } .p-lg-9 { @apply p-9; } .p-lg-10 { @apply p-10; } .p-lg-11 { @apply p-12; } .p-lg-12 { @apply p-14; } .p-lg-13 { @apply p-16; } .p-lg-14 { @apply p-[4.5rem]; } .p-lg-15 { @apply p-20; } .p-lg-16 { @apply p-24; } .p-lg-17 { @apply p-28; } .p-lg-18 { @apply p-32; } .p-lg-19 { @apply p-36; } .p-lg-20 { @apply p-40; } .p-lg-21 { @apply p-[12.5rem]; } .p-lg-22 { @apply p-60; } .p-lg-23 { @apply p-[17.5rem]; } .p-lg-24 { @apply p-80; } .p-lg-25 { @apply p-[22.5rem]; } .px-lg-0 { @apply lg:!px-0; } .px-lg-1 { @apply lg:!px-1; } .px-lg-2 { @apply lg:!px-2; } .px-lg-3 { @apply lg:!px-3; } .px-lg-4 { @apply lg:!px-4; } .px-lg-5 { @apply lg:!px-5; } .px-lg-6 { @apply lg:!px-6; } .px-lg-7 { @apply lg:!px-7; } .px-lg-8 { @apply lg:!px-8; } .px-lg-9 { @apply lg:!px-9; } .px-lg-10 { @apply lg:!px-10; } .px-lg-11 { @apply lg:!px-12; } .px-lg-12 { @apply lg:!px-14; } .px-lg-13 { @apply lg:!px-16; } .px-lg-14 { @apply lg:!px-[4.5rem]; } .px-lg-15 { @apply lg:!px-20; } .px-lg-16 { @apply lg:!px-24; } .px-lg-17 { @apply lg:!px-28; } .px-lg-18 { @apply lg:!px-32; } .px-lg-19 { @apply lg:!px-36; } .px-lg-20 { @apply lg:!px-40; } .px-lg-21 { @apply lg:!px-[12.5rem]; } .px-lg-22 { @apply lg:!px-60; } .px-lg-23 { @apply lg:!px-[17.5rem]; } .px-lg-24 { @apply lg:!px-80; } .px-lg-25 { @apply lg:!px-[22.5rem]; } .py-lg-0 { @apply lg:!py-0; } .py-lg-1 { @apply lg:!py-1; } .py-lg-2 { @apply lg:!py-2; } .py-lg-3 { @apply lg:!py-3; } .py-lg-4 { @apply lg:!py-4; } .py-lg-5 { @apply lg:!py-5; } .py-lg-6 { @apply lg:!py-6; } .py-lg-7 { @apply lg:!py-7; } .py-lg-8 { @apply lg:!py-8; } .py-lg-9 { @apply lg:!py-9; } .py-lg-10 { @apply lg:!py-10; } .py-lg-11 { @apply lg:!py-12; } .py-lg-12 { @apply lg:!py-14; } .py-lg-13 { @apply lg:!py-16; } .py-lg-14 { @apply lg:!py-[4.5rem]; } .py-lg-15 { @apply lg:!py-20; } .py-lg-16 { @apply lg:!py-24; } .py-lg-17 { @apply lg:!py-28; } .py-lg-18 { @apply lg:!py-32; } .py-lg-19 { @apply lg:!py-36; } .py-lg-20 { @apply lg:!py-40; } .py-lg-21 { @apply lg:!py-[12.5rem]; } .py-lg-22 { @apply lg:!py-60; } .py-lg-23 { @apply lg:!py-[17.5rem]; } .py-lg-24 { @apply lg:!py-80; } .py-lg-25 { @apply lg:!py-[22.5rem]; } .ps-lg-0 { @apply lg:!pl-0; } .ps-lg-1 { @apply lg:!pl-1; } .ps-lg-2 { @apply lg:!pl-2; } .ps-lg-3 { @apply lg:!pl-3; } .ps-lg-4 { @apply lg:!pl-4; } .ps-lg-5 { @apply lg:!pl-5; } .ps-lg-6 { @apply lg:!pl-6; } .ps-lg-7 { @apply lg:!pl-[1.75rem]; } .ps-lg-8 { @apply lg:!pl-8; } .ps-lg-9 { @apply lg:!pl-9; } .ps-lg-10 { @apply lg:!pl-10; } .ps-lg-11 { @apply lg:!pl-12; } .ps-lg-12 { @apply lg:!pl-14; } .ps-lg-13 { @apply lg:!pl-16; } .ps-lg-14 { @apply lg:!pl-[4.5rem]; } .ps-lg-15 { @apply lg:!pl-20; } .ps-lg-16 { @apply lg:!pl-24; } .ps-lg-17 { @apply lg:!pl-28; } .ps-lg-18 { @apply lg:!pl-32; } .ps-lg-19 { @apply lg:!pl-36; } .ps-lg-20 { @apply lg:!pl-40; } .ps-lg-21 { @apply lg:!pl-[12.5rem]; } .ps-lg-22 { @apply lg:!pl-60; } .ps-lg-23 { @apply lg:!pl-[17.5rem]; } .ps-lg-24 { @apply lg:!pl-80; } .ps-lg-25 { @apply lg:!pl-[22.5rem]; } .gap-lg-0 { @apply gap-0; } .gap-lg-1 { @apply gap-1; } .gap-lg-2 { @apply gap-2; } .gap-lg-3 { @apply gap-3; } .gap-lg-4 { @apply gap-4; } .gap-lg-5 { @apply gap-5; } .gap-lg-6 { @apply gap-6; } .gap-lg-7 { @apply gap-7; } .gap-lg-8 { @apply gap-8; } .gap-lg-9 { @apply gap-9; } .gap-lg-10 { @apply gap-10; } .gap-lg-11 { @apply gap-12; } .gap-lg-12 { @apply gap-14; } .gap-lg-13 { @apply gap-16; } .gap-lg-14 { @apply gap-[4.5rem]; } .gap-lg-15 { @apply gap-20; } .gap-lg-16 { @apply gap-24; } .gap-lg-17 { @apply gap-28; } .gap-lg-18 { @apply gap-32; } .gap-lg-19 { @apply gap-36; } .gap-lg-20 { @apply gap-40; } .gap-lg-21 { @apply gap-[12.5rem]; } .gap-lg-22 { @apply gap-60; } .gap-lg-23 { @apply gap-[17.5rem]; } .gap-lg-24 { @apply gap-80; } .gap-lg-25 { @apply gap-[22.5rem]; } .row-gap-lg-0 { @apply gap-y-0; } .row-gap-lg-1 { @apply gap-y-1; } .row-gap-lg-2 { @apply gap-y-2; } .row-gap-lg-3 { @apply gap-y-3; } .row-gap-lg-4 { @apply gap-y-4; } .row-gap-lg-5 { @apply gap-y-5; } .row-gap-lg-6 { @apply gap-y-6; } .row-gap-lg-7 { @apply gap-y-7; } .row-gap-lg-8 { @apply gap-y-8; } .row-gap-lg-9 { @apply gap-y-9; } .row-gap-lg-10 { @apply gap-y-10; } .row-gap-lg-11 { @apply gap-y-12; } .row-gap-lg-12 { @apply gap-y-14; } .row-gap-lg-13 { @apply gap-y-16; } .row-gap-lg-14 { @apply gap-y-[4.5rem]; } .row-gap-lg-15 { @apply gap-y-20; } .row-gap-lg-16 { @apply gap-y-24; } .row-gap-lg-17 { @apply gap-y-28; } .row-gap-lg-18 { @apply gap-y-32; } .row-gap-lg-19 { @apply gap-y-36; } .row-gap-lg-20 { @apply gap-y-40; } .row-gap-lg-21 { @apply gap-y-[12.5rem]; } .row-gap-lg-22 { @apply gap-y-60; } .row-gap-lg-23 { @apply gap-y-[17.5rem]; } .row-gap-lg-24 { @apply gap-y-80; } .row-gap-lg-25 { @apply gap-y-[22.5rem]; } .text-lg-start { @apply text-left; } .text-lg-end { @apply text-right; } .text-lg-center { @apply text-center; } .image-wrapper.rounded-lg-start, .map.rounded-lg-start iframe { @apply !rounded-tl-[0.4rem] !rounded-tr-none !rounded-br-none !rounded-bl-[0.4rem]; } .image-wrapper.rounded-4-lg-start { @apply rounded-tl-[0.8rem] rounded-tr-none rounded-br-none rounded-bl-[0.8rem]; } .navbar-expand-lg.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { @apply text-[#1fc76f]; } .navbar-expand-lg .dropdown-mega, .navbar-expand-lg .navbar-nav { @apply static; } .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg { @apply pt-[1.6rem] pb-[1.3rem] px-1; } .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content { @apply flex flex-row; } .navbar-expand-lg .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header { @apply pt-0; } .navbar-expand-lg .navbar-nav .dropdown-menu:before { @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1]; } .navbar-expand-lg .navbar-nav .dropdown-menu .dropdown-toggle:after { @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem]; } .navbar-expand-lg .navbar-nav .dropdown-menu.mega-menu { @apply mx-3; } .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-menu { @apply invisible pointer-events-none opacity-0 block top-[120%]; } .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu { @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full; pointer-events: all; } .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu { @apply relative; } .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu { @apply top-[30%]; } .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before { @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1]; } .navbar-expand-lg:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu { @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0; pointer-events: all; } .navbar-expand-lg .dropend > .dropdown-menu { @apply ml-2; } .navbar-expand-lg .dropstart > .dropdown-menu { @apply mr-2; } .navbar-expand-lg .offcanvas-nav { @apply flex-row; position: unset; } .navbar-expand-lg .offcanvas-nav.offcanvas-end, .navbar-expand-lg .offcanvas-nav.offcanvas-start { @apply w-full translate-none; } .navbar-expand-lg.extended.navbar-bg-light:not(.fixed), .navbar-expand-lg.fancy.navbar-bg-light:not(.fixed) { @apply bg-inherit; } .navbar-expand-lg.extended:not(.fixed) .navbar-collapse .nav-link { @apply py-[1.15rem]; } .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse .nav-link { @apply py-5; } .navbar-expand-lg[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link { @apply py-[1.7rem]; } .navbar-expand-lg.transparent:not(.fixed) { @apply pt-[0.3rem]; } .navbar-expand-lg.transparent.navbar-clone { @apply pt-0; } .navbar-expand-lg.extended .navbar-collapse-wrapper, .navbar-expand-lg.fancy .navbar-collapse-wrapper { @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem]; } .navbar-expand-lg.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper { @apply pl-2 pr-6 py-0; } .navbar-expand-lg.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper { @apply px-6 py-0; } .navbar-expand-lg.fancy:not(.fixed) .navbar-collapse-wrapper { @apply mt-9 px-6 py-0; } .navbar-expand-lg.extended:not(.extended-alt) .navbar-brand { @apply py-6; } .navbar-expand-lg.extended.extended-alt .navbar-brand { @apply py-7; } .navbar-expand-lg.fixed .topbar { @apply hidden; } .navbar-expand-lg.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu, .navbar-expand-lg.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu, .navbar-expand-lg.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu { @apply mt-2; } .navbar-expand-lg .navbar-collapse .nav-link { @apply whitespace-nowrap; } .navbar-expand-lg .navbar-collapse .nav-item.parent-link { @apply flex flex-row items-center; } .navbar-expand-lg .navbar-collapse .nav-item.parent-link > .nav-link:first-child { @apply pr-0; } .navbar-expand-lg .navbar-collapse .nav-item.parent-link .dropdown-toggle { @apply pl-0; } .navbar-expand-lg .dropdown-lg-content > div + div, .navbar-expand-lg .mega-menu-content > .row > [class*="col-"] + [class*="col-"] { @apply xl:border-l-[rgba(164,174,198,0.2)] xl:border-l xl:border-solid lg:border-l-[rgba(164,174,198,0.2)] lg:border-l lg:border-solid; } .navbar-expand-lg .mega-menu-content { @apply pt-[0.6rem] pb-[0.2rem] px-1; } .navbar-expand-lg .mega-menu-dark { @apply bg-[#2e353e]; } .navbar-expand-lg .mega-menu-dark .img-svg { @apply transition-all duration-[0.2s] ease-in-out bg-[rgba(255,255,255,.05)]; } .navbar-expand-lg .mega-menu-dark .img-svg:hover { @apply bg-[rgba(255,255,255,.09)]; } .navbar-expand-lg .mega-menu-dark .dropdown-item { @apply text-white; } .navbar-expand-lg .mega-menu-dark .dropdown-item:focus, .navbar-expand-lg .mega-menu-dark .dropdown-item:hover { @apply text-white; } .navbar-expand-lg .mega-menu-img { @apply p-0; } .navbar-expand-lg .mega-menu-img .mega-menu-content { @apply mx-0 my-[1.8rem] px-8 py-[0.2rem]; } .navbar-expand-lg .mega-menu-img .dropdown-item { @apply px-0; } .navbar-expand-lg.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { @apply hidden; } .mega-menu-scroll { @apply overflow-y-scroll; } .mega-menu-scroll > span { @apply text-[0.7rem] flex justify-center items-center w-full h-auto absolute text-center text-[#cacaca] left-0 bottom-[0.3rem]; } .mega-menu-scroll > span i { @apply text-[1rem]; } .nav-tabs.nav-justified .nav-item { @apply mx-3 first:ml-0 last:mr-0; } .pricing-wrapper .popular .pricing.card { @apply mt-[-1rem] py-4; } .process-wrapper.line.text-center [class*="col-"]:after, .process-wrapper.line.text-center [class*="col-"]:before { @apply w-6/12 absolute content-[""] h-px z-[1] border-0 left-0 top-6 bg-[rgba(164,174,198,.2)]; } .process-wrapper.line.text-center [class*="col-"]:after { @apply left-auto right-0; } .process-wrapper.line.text-center [class*="col-"]:first-child:before, .process-wrapper.line.text-center [class*="col-"]:last-child:after { @apply hidden; } .process-wrapper.arrow [class*="xl\:w-"] { @apply relative; } .process-wrapper.arrow [class*="xl\:w-"]:nth-child(odd):before { @apply scale-x-100 -scale-y-100; } .process-wrapper.arrow [class*="xl\:w-"]:first-child:before { @apply hidden; } .process-wrapper.arrow [class*="xl\:w-"]:before { @apply content-[""] bg-no-repeat bg-[center_center] [background-size:70%_70%] absolute w-24 h-4 left-[-3rem] z-[1] opacity-[0.15] top-[0.8rem]; background-image: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 108.15 19.5'%3E%3Cpath fill='%23747ed1' d='M2.38,13.63A107.77,107.77,0,0,1,41.56,3.28C54.29,2.51,67,4.2,79.4,6.9c7.73,1.68,15.38,3.73,23,5.86a1.56,1.56,0,0,0,.83-3C89.85,6,76.35,2.5,62.54.87A111,111,0,0,0,24,2.73,119,119,0,0,0,.8,10.93c-1.81.85-.23,3.54,1.58,2.7Z'/%3E%3Cpath fill='%23747ed1' d='M95.51,19.27A60.35,60.35,0,0,1,107,12.41a1.58,1.58,0,0,0,1.12-1.29,1.53,1.53,0,0,0-.75-1.56,20.31,20.31,0,0,1-9-8.65,1.56,1.56,0,0,0-2.7,1.57c2.34,4,5.79,7.86,10.12,9.78l.37-2.86a62.69,62.69,0,0,0-12.25,7.18,1.6,1.6,0,0,0-.56,2.14,1.56,1.56,0,0,0,2.13.55Z'/%3E%3C/svg%3E"); } .projects-overflow .project-details { @apply absolute; } .projects-overflow .item { @apply mt-40; } } @media (max-width: 991.98px) { .table-responsive-lg { @apply overflow-x-auto; -webkit-overflow-scrolling: touch; } .image-wrapper.rounded-top, .map.rounded-top iframe { @apply rounded-t-[0.4rem]; } .image-wrapper.rounded-4-top { @apply rounded-t-[0.8rem]; } .bg-height { @apply h-80; } .navbar-expand-lg .offcanvas-nav { @apply overflow-x-hidden overflow-y-auto flex-col; } .navbar-expand-lg .offcanvas-nav .offcanvas-body, .navbar-expand-lg .offcanvas-nav .offcanvas-footer, .navbar-expand-lg .offcanvas-nav .offcanvas-header { @apply w-full; } .navbar-expand-lg .offcanvas-nav .offcanvas-body { @apply grow-0; overflow-y: unset; } .navbar-expand-lg .navbar-collapse .dropdown-menu { @apply mt-0 p-0 bg-inherit; } .navbar-expand-lg .navbar-collapse .dropdown-menu .dropdown-item { @apply text-white pl-4 py-[0.3rem]; } .navbar-expand-lg .navbar-collapse .nav-link, .navbar-expand-lg .navbar-collapse .nav-link.active, .navbar-expand-lg .navbar-collapse .nav-link:focus, .navbar-expand-lg .navbar-collapse .nav-link:hover, .navbar-expand-lg .navbar-collapse .show > .nav-link { @apply !text-white; } .navbar-expand-lg .navbar-collapse .nav-link { @apply py-[0.3rem]; } .navbar-expand-lg .navbar-collapse .dropdown-toggle:after { @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem]; } .navbar-expand-lg .navbar-collapse .dropdown-submenu .dropdown-toggle:after { @apply top-[0.3rem]; } .navbar-expand-lg .dropdown-header { @apply mt-2 px-4; } .navbar-expand-lg .dropend .dropdown-toggle:after, .navbar-expand-lg .dropstart .dropdown-toggle:after { @apply content-["\e92d"]; } .navbar-expand-lg .dropstart .dropdown-menu[data-bs-popper] { @apply ml-3 mr-0; } .navbar-expand-lg .dropdown-toggle:after { @apply top-1; } .navbar-expand-lg .language-select .dropdown-toggle:after { vertical-align: 0 !important; } .navbar-expand-lg .navbar-other .nav-item.language-select .nav-link { @apply text-[1.05rem]; } .navbar-expand-lg .navbar-other .nav-item .nav-link > i { @apply text-[calc(1.255rem_+_0.06vw)]; } .navbar-expand-lg .navbar-brand { @apply py-[1.2rem]; } .navbar-expand-lg.fancy .navbar-collapse-wrapper { @apply shadow-none; background: 0 0 !important; } .navbar-expand-lg.center-logo.fixed .offcanvas-header .logo-light { @apply inline-block; } .navbar-expand-lg.center-logo.fixed .offcanvas-header .logo-dark { @apply hidden; } .navbar-expand-lg .nav-item.parent-link .dropdown-toggle { @apply py-0; } .nav-tabs.d-flex:not(.nav-pills) { @apply justify-start; } .card-md-none { @apply rounded-none bg-black; } .card-md-none .card-body { @apply p-0; } .projects-overflow .project { @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] rounded-[0.4rem]; } .projects-overflow .project figure img { @apply rounded-br-none rounded-bl-none; } .projects-overflow .project-details .card { @apply shadow-none rounded-t-none; } .image-wrapper.bg-full { @apply !bg-cover; } } @media (min-width: 768px) and (max-width: 1023.98px) { .swiper-auto .swiper-slide { @apply !w-[600px]; } .swiper-auto.swiper-auto-xs .swiper-slide { @apply !w-[400px]; } } @media (min-width: 768px) { .navbar-expand-md { @apply flex-nowrap justify-start; } .navbar-expand-md .navbar-nav { @apply flex-row; } .navbar-expand-md .navbar-nav .dropdown-menu { @apply absolute; } .navbar-expand-md .navbar-nav .nav-link { @apply px-[1rem]; } .navbar-expand-md .navbar-nav-scroll { @apply overflow-visible; } .navbar-expand-md .navbar-collapse { @apply flex basis-auto; } .navbar-expand-md .navbar-toggler { @apply hidden; } .navbar-expand-md .offcanvas { @apply static z-auto grow w-auto h-auto visible bg-transparent shadow-none transition-none border-0 !transform-none; } .navbar-expand-md .offcanvas .offcanvas-header { @apply hidden; } .navbar-expand-md .offcanvas .offcanvas-body { @apply flex grow-0 overflow-y-visible p-0; } .sticky-md-top { @apply sticky z-[1020] top-0; } .sticky-md-bottom { @apply sticky z-[1020] bottom-0; } .text-md-center { @apply text-center; } .page-frame { @apply p-5; } .page-frame .video-wrapper, .page-frame .video-wrapper video, .page-frame .video-wrapper:after, .page-frame footer, .page-frame section { @apply rounded-2xl; } .itooltip-inner { @apply shadow-[var(--shadow)] animate-[0.15s_linear_fadeIn] shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] text-inherit z-10; } .itooltip-inner > * { @apply px-4 py-[0.7rem] rounded-[0.4rem]; } .itooltip-inner .itooltip-light { @apply shadow-[0_0_1.25rem_rgba(30,34,40,0.04)] !text-[#343f52] bg-[rgba(255,255,255,.9)]; } .itooltip-inner .itooltip-dark { @apply bg-[rgba(30,34,40,.9)]; } .itooltip-inner .itooltip-color { @apply bg-[rgba(63,120,224,.9)]; } .itooltip-inner .itooltip-blue { @apply bg-[rgba(63,120,224,.9)]; } .itooltip-inner .itooltip-sky { @apply bg-[rgba(94,185,240,.9)]; } .itooltip-inner .itooltip-purple { @apply bg-[rgba(116,126,209,.9)]; } .itooltip-inner .itooltip-grape { @apply bg-[rgba(96,93,186,.9)]; } .itooltip-inner .itooltip-violet { @apply bg-[rgba(160,124,197,.9)]; } .itooltip-inner .itooltip-pink { @apply bg-[rgba(209,107,134,.9)]; } .itooltip-inner .itooltip-fuchsia { @apply bg-[rgba(230,104,179,.9)]; } .itooltip-inner .itooltip-red { @apply bg-[rgba(226,98,107,.9)]; } .itooltip-inner .itooltip-orange { @apply bg-[rgba(247,139,119,.9)]; } .itooltip-inner .itooltip-yellow { @apply bg-[rgba(250,183,88,.9)]; } .itooltip-inner .itooltip-green { @apply bg-[rgba(69,196,160,.9)]; } .itooltip-inner .itooltip-leaf { @apply bg-[rgba(124,183,152,.9)]; } .itooltip-inner .itooltip-aqua { @apply bg-[rgba(84,168,199,.9)]; } .itooltip-inner .itooltip-navy { @apply bg-[rgba(52,63,82,.9)]; } .itooltip-inner .itooltip-ash { @apply bg-[rgba(148,153,163,.9)]; } .itooltip-inner .itooltip-white { @apply bg-[rgba(255,255,255,.9)]; } .itooltip-inner .itooltip-light { @apply bg-[rgba(254,254,254,.9)]; } .itooltip-inner .itooltip-gray { @apply bg-[rgba(246,247,249,.9)]; } .itooltip-inner .itooltip-primary { @apply bg-[rgba(63,120,224,.9)]; } .itooltip-secondary.itooltip-inner { @apply bg-[rgba(170,176,188,.9)]; } .itooltip-success.itooltip-inner { @apply bg-[rgba(69,196,160,.9)]; } .itooltip-info.itooltip-inner { @apply bg-[rgba(84,168,199,.9)]; } .itooltip-warning.itooltip-inner { @apply bg-[rgba(250,183,88,.9)]; } .itooltip-danger.itooltip-inner { @apply bg-[rgba(226,98,107,.9)]; } [class*="itooltip-"]:not(.itooltip-light).itooltip-inner * { @apply text-white; } .section-frame.br-fix { @apply rounded-br-none rounded-bl-none; } .section-frame-wrapper { @apply rounded-2xl; } .navbar-expand-md.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { @apply text-[#1fc76f]; } .navbar-expand-md .dropdown-mega, .navbar-expand-md .navbar-nav { @apply static; } .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg { @apply pt-[1.6rem] pb-[1.3rem] px-1; } .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg .dropdown-lg-content { @apply flex flex-row; } .navbar-expand-md .navbar-nav .dropdown-menu.dropdown-lg .dropdown-header { @apply pt-0; } .navbar-expand-md .navbar-nav .dropdown-menu:before { @apply absolute top-[-1rem] left-[-1rem] w-full h-full content-[""] block z-[-1]; } .navbar-expand-md .navbar-nav .dropdown-menu .dropdown-toggle:after { @apply absolute text-[0.85rem] mr-0 right-4 top-[0.15rem]; } .navbar-expand-md .navbar-nav .dropdown-menu.mega-menu { @apply mx-3; } .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-menu { @apply invisible pointer-events-none opacity-0 block top-[120%]; } .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown:not(.dropdown-submenu):hover > .dropdown-menu { @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-full; pointer-events: all; } .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu { @apply relative; } .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu .dropdown-menu { @apply top-[30%]; } .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu.dropstart:before { @apply absolute left-[-1rem] w-full h-full content-[""] block z-[-1]; } .navbar-expand-md:not(.hover-none) .navbar-nav .dropdown-submenu:hover > .dropdown-menu { @apply visible opacity-100 transition-all duration-[0.25s] ease-in-out top-0; pointer-events: all; } .navbar-expand-md .dropend > .dropdown-menu { @apply ml-2; } .navbar-expand-md .dropstart > .dropdown-menu { @apply mr-2; } .navbar-expand-md .offcanvas-nav { @apply flex-row; position: unset; } .navbar-expand-md .offcanvas-nav.offcanvas-end, .navbar-expand-md .offcanvas-nav.offcanvas-start { @apply w-full; } .navbar-expand-md.extended.navbar-bg-light:not(.fixed), .navbar-expand-md.fancy.navbar-bg-light:not(.fixed) { @apply bg-inherit; } .navbar-expand-md.extended:not(.fixed) .navbar-collapse .nav-link { @apply py-[1.15rem]; } .navbar-expand-md.fancy:not(.fixed) .navbar-collapse .nav-link { @apply py-5; } .navbar-expand-md[class*="navbar-bg-"]:not(.fancy):not(.extended):not(.fixed) .navbar-collapse .nav-link { @apply py-[1.7rem]; } .navbar-expand-md.extended .navbar-collapse-wrapper, .navbar-expand-md.fancy .navbar-collapse-wrapper { @apply shadow-[0_0.25rem_0.75rem_rgba(30,34,40,0.02)] w-full rounded-[0.4rem]; } .navbar-expand-md.extended:not(.extended-alt):not(.fixed) .navbar-collapse-wrapper { @apply pl-2 pr-6 py-0; } .navbar-expand-md.extended.extended-alt:not(.fixed) .navbar-collapse-wrapper { @apply px-6 py-0; } .navbar-expand-md.fancy:not(.fixed) .navbar-collapse-wrapper { @apply mt-9 px-6 py-0; } .navbar-expand-md.extended:not(.extended-alt) .navbar-brand { @apply py-6; } .navbar-expand-md.extended.extended-alt .navbar-brand { @apply py-7; } .navbar-expand-md.fixed .topbar { @apply hidden; } .navbar-expand-md.navbar-dark:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu, .navbar-expand-md.navbar-light:not(.transparent) .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu, .navbar-expand-md.transparent.fixed .navbar-nav .dropdown:not(.dropdown-submenu):not(.language-select) > .dropdown-menu { @apply mt-2; } .navbar-expand-md .navbar-collapse .nav-link { @apply whitespace-nowrap; } .navbar-expand-md .navbar-collapse .nav-item.parent-link { @apply flex flex-row items-center; } .navbar-expand-md .navbar-collapse .nav-item.parent-link > .nav-link:first-child { @apply pr-0; } .navbar-expand-md .navbar-collapse .nav-item.parent-link .dropdown-toggle { @apply pl-0; } .navbar-expand-md .dropdown-lg-content > div + div, .navbar-expand-md .mega-menu-content > .row > [class*="col-"] + [class*="col-"] { @apply border-l-[rgba(164,174,198,0.2)] border-l border-solid; } .navbar-expand-md .mega-menu-content { @apply pt-[0.6rem] pb-[0.2rem] px-1; } .navbar-expand-md .mega-menu-dark { @apply bg-[#2e353e]; } .navbar-expand-md .mega-menu-dark .img-svg { @apply transition-all duration-[0.2s] ease-in-out bg-[rgba(255,255,255,.05)]; } .navbar-expand-md .mega-menu-dark .img-svg:hover { @apply bg-[rgba(255,255,255,.09)]; } .navbar-expand-md .mega-menu-dark .dropdown-item { @apply text-white; } .navbar-expand-md .mega-menu-dark .dropdown-item:focus, .navbar-expand-md .mega-menu-dark .dropdown-item:hover { @apply text-white; } .navbar-expand-md .mega-menu-img { @apply p-0; } .navbar-expand-md .mega-menu-img .mega-menu-content { @apply mx-0 my-[1.8rem] px-8 py-[0.2rem]; } .navbar-expand-md .mega-menu-img .dropdown-item { @apply px-0; } .navbar-expand-md.caret-none .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { @apply hidden; } .glightbox-clean .gprev { @apply -translate-y-2/4 top-2/4 before:font-Unicons before:content-['\e949']; } .glightbox-clean .gnext { @apply -translate-y-2/4 top-2/4 before:font-Unicons before:content-['\e94c']; } .glightbox-clean .gclose { @apply after:font-Unicons after:content-['\ed3b'] top-[0.75rem] right-[0.75rem]; } .glightbox-clean .gclose, .glightbox-clean .gnext, .glightbox-clean .gprev { @apply text-white text-[1.2rem] w-[2.2rem] h-[2.2rem] leading-[2.2rem] shadow-none transition-[background] duration-[0.2s] ease-in-out flex justify-center items-center mt-0 p-0 !rounded-[100%] border-0 bg-[rgba(0,0,0,.3)]; } .glightbox-clean .gclose.disabled, .glightbox-clean .gnext.disabled, .glightbox-clean .gprev.disabled { @apply hidden; } .glightbox-clean .gslide-description { @apply bg-transparent; } .glightbox-clean .gdesc-inner { @apply text-center p-[1rem_0_1rem_0]; } .glightbox-clean .gdesc-inner .gslide-desc, .glightbox-clean .gdesc-inner .gslide-title { @apply text-white; } .glightbox-clean .gdesc-inner .gslide-title { @apply m-0; } .glightbox-clean .gdesc-inner .gslide-title + .gslide-desc { @apply mt-[0.3rem]; } .timeline .timeline-item, .timeline .timeline-item .timeline-marker { @apply table-cell align-top; } .timeline .timeline-item .timeline-content .timeline-title { @apply mt-[-0.25rem]; } .projects-tiles .project { @apply mt-40; } .projects-tiles .project-details { @apply pb-4 p-8; } .overlap-grid-2 .item:nth-child(3) { @apply w-3/5 mt-[-35%] z-[2] ml-[40%]; } } @media screen and (min-width: 768px) { .mb-md-n50p { @apply md:!translate-y-2/4; } .mt-md-n50p { @apply md:!-translate-y-2/4; } } @media (max-width: 767px) { #comments .user-avatar { @apply hidden; } #comments ul.children { @apply pl-6; } #comments ul.children li.comment:before { @apply hidden; } .bg-map { background: 0 0 !important; } .bg-height { @apply h-60; } .card-footer .post-meta li.post-author, .card-footer .post-meta li.post-comments span { @apply hidden; } .post-header .post-meta li.post-author, .post-header .post-meta li.post-comments span, .post-header .post-meta li.post-likes span { @apply hidden; } .nav-tabs.nav-pills, .nav-tabs.nav-tabs-basic { @apply flex-col; } .nav-tabs.nav-pills .nav-item, .nav-tabs.nav-tabs-basic .nav-item { @apply mb-4; } .nav-tabs.nav-pills .nav-link, .nav-tabs.nav-tabs-basic .nav-link { @apply mr-0; } .alert[class*="bg-"].alert-dismissible .btn-close { @apply pr-2; } .caption-wrapper { @apply hidden; } .swiper-hero, .swiper-hero .swiper-slide { @apply h-[500px]; } .swiper-hero .swiper-navigation { @apply hidden; } .swiper-fullscreen, .swiper-fullscreen .swiper:not(.swiper-thumbs) .swiper-slide { @apply h-[500px]; } .swiper-auto.swiper-auto-xs .swiper-slide { @apply !w-[300px]; } .projects-tiles .project { @apply mt-20; } .overlap-grid-2 .item { @apply w-full; } .overlap-grid-2 .item + .item { @apply mt-6; } } @media (max-width: 767.98px) { .table-responsive-md { @apply overflow-x-auto; -webkit-overflow-scrolling: touch; } .navbar-expand-md .offcanvas-nav { @apply overflow-x-hidden overflow-y-auto flex-col; } .navbar-expand-md .offcanvas-nav .offcanvas-body, .navbar-expand-md .offcanvas-nav .offcanvas-footer, .navbar-expand-md .offcanvas-nav .offcanvas-header { @apply w-full; } .navbar-expand-md .offcanvas-nav .offcanvas-body { @apply grow-0; overflow-y: unset; } .navbar-expand-md .navbar-collapse .dropdown-menu { @apply mt-0 p-0 bg-black; } .navbar-expand-md .navbar-collapse .dropdown-menu .dropdown-item { @apply text-white pl-4 py-[0.3rem]; } .navbar-expand-md .navbar-collapse .nav-link, .navbar-expand-md .navbar-collapse .nav-link.active, .navbar-expand-md .navbar-collapse .nav-link:focus, .navbar-expand-md .navbar-collapse .nav-link:hover, .navbar-expand-md .navbar-collapse .show > .nav-link { @apply text-white; } .navbar-expand-md .navbar-collapse .nav-link { @apply py-[0.3rem]; } .navbar-expand-md .navbar-collapse .dropdown-toggle:after { @apply absolute right-[-0.25rem] text-[0.9rem] mr-0 top-[0.35rem]; } .navbar-expand-md .navbar-collapse .dropdown-submenu .dropdown-toggle:after { @apply top-[0.3rem]; } .navbar-expand-md .dropdown-header { @apply mt-2 px-4; } .navbar-expand-md .dropend .dropdown-toggle:after, .navbar-expand-md .dropstart .dropdown-toggle:after { @apply content-["\e92d"]; } .navbar-expand-md .dropstart .dropdown-menu[data-bs-popper] { @apply ml-3 mr-0; } .navbar-expand-md .dropdown-toggle:after { @apply top-1; } .navbar-expand-md .language-select .dropdown-toggle:after { vertical-align: 0 !important; } .navbar-expand-md .navbar-other .nav-item.language-select .nav-link { @apply text-[1.05rem]; } .navbar-expand-md .navbar-other .nav-item .nav-link > i { @apply text-[calc(1.255rem_+_0.06vw)]; } .navbar-expand-md .navbar-brand { @apply py-[1.2rem]; } .navbar-expand-md.fancy .navbar-collapse-wrapper { @apply shadow-none !bg-black; } .navbar-expand-md.center-logo.fixed .offcanvas-header .logo-light { @apply inline-block; } .navbar-expand-md.center-logo.fixed .offcanvas-header .logo-dark { @apply hidden; } .navbar-expand-md .nav-item.parent-link .dropdown-toggle { @apply py-0; } .modal.fade.modal-bottom-center .modal-dialog { @apply w-[calc(100%_-_1rem)]; } } @media (min-width: 576px) { .card-group { @apply flex; flex-flow: row wrap; } .card-group > .card { @apply flex-[1_0_0%] mb-0; } .card-group > .card + .card { @apply ml-0 border-l-0; } .card-group > .card:not(:last-child) { @apply rounded-tr-none rounded-br-none; } .card-group > .card:not(:last-child) .card-header, .card-group > .card:not(:last-child) .card-img-top { @apply rounded-tr-none; } .card-group > .card:not(:last-child) .card-footer, .card-group > .card:not(:last-child) .card-img-bottom { @apply rounded-br-none; } .card-group > .card:not(:first-child) { @apply rounded-tl-none rounded-bl-none; } .card-group > .card:not(:first-child) .card-header, .card-group > .card:not(:first-child) .card-img-top { @apply rounded-tl-none; } .card-group > .card:not(:first-child) .card-footer, .card-group > .card:not(:first-child) .card-img-bottom { @apply rounded-bl-none; } .modal { margin: 1.75rem; box-shadow: 0rem 0rem 1.25rem rgba(30, 34, 40, 0.04); } .modal-dialog { @apply max-w-[560px] mx-auto; } .modal-sm { width: 450px; } .sticky-sm-top { @apply sticky z-[1020] top-0; } .sticky-sm-bottom { @apply sticky z-[1020] bottom-0; } .float-sm-start { @apply float-left; } .float-sm-end { @apply float-right; } .float-sm-none { @apply float-none; } .object-fit-sm-contain { @apply object-contain; -o-object-fit: contain !important; } .object-fit-sm-cover { @apply object-cover; -o-object-fit: cover !important; } .object-fit-sm-fill { @apply object-fill; -o-object-fit: fill !important; } .object-fit-sm-scale { @apply object-scale-down; -o-object-fit: scale-down !important; } .object-fit-sm-none { @apply object-none; -o-object-fit: none !important; } .d-sm-inline { @apply inline; } .d-sm-inline-block { @apply inline-block; } .d-sm-block { @apply block; } .d-sm-grid { @apply grid; } .d-sm-inline-grid { @apply inline-grid; } .d-sm-table { @apply table; } .d-sm-table-row { @apply table-row; } .d-sm-table-cell { @apply table-cell; } .d-sm-flex { @apply flex; } .d-sm-inline-flex { @apply inline-flex; } .d-sm-none { @apply hidden; } .flex-sm-fill { @apply flex-auto; } .flex-sm-row { @apply flex-row; } .flex-sm-column { @apply flex-col; } .flex-sm-row-reverse { @apply flex-row-reverse; } .flex-sm-column-reverse { @apply flex-col-reverse; } .flex-sm-grow-0 { @apply grow-0; } .flex-sm-grow-1 { @apply grow; } .flex-sm-shrink-0 { @apply shrink-0; } .flex-sm-shrink-1 { @apply shrink; } .flex-sm-wrap { @apply flex-wrap; } .flex-sm-nowrap { @apply flex-nowrap; } .flex-sm-wrap-reverse { @apply flex-wrap-reverse; } .justify-content-sm-start { @apply justify-start; } .justify-content-sm-end { @apply justify-end; } .justify-content-sm-center { @apply justify-center; } .justify-content-sm-between { @apply justify-between; } .justify-content-sm-around { @apply justify-around; } .justify-content-sm-evenly { @apply justify-evenly; } .align-items-sm-start { @apply items-start; } .align-items-sm-end { @apply items-end; } .align-items-sm-center { @apply items-center; } .align-items-sm-baseline { @apply items-baseline; } .align-items-sm-stretch { @apply items-stretch; } .order-sm-first { @apply -order-1; } .order-sm-0 { @apply order-none; } .order-sm-1 { @apply order-1; } .order-sm-2 { @apply order-2; } .order-sm-3 { @apply order-3; } .order-sm-4 { @apply order-4; } .order-sm-5 { @apply order-5; } .order-sm-last { @apply order-6; } .m-sm-0 { @apply m-0; } .m-sm-1 { @apply m-1; } .m-sm-2 { @apply m-2; } .m-sm-3 { @apply m-3; } .m-sm-4 { @apply m-4; } .m-sm-5 { @apply m-5; } .m-sm-6 { @apply m-6; } .m-sm-7 { @apply m-7; } .m-sm-8 { @apply m-8; } .m-sm-9 { @apply m-9; } .m-sm-10 { @apply m-10; } .m-sm-11 { @apply m-12; } .m-sm-12 { @apply m-14; } .m-sm-13 { @apply m-16; } .m-sm-14 { @apply m-[4.5rem]; } .m-sm-15 { @apply m-20; } .m-sm-16 { @apply m-24; } .m-sm-17 { @apply m-28; } .m-sm-18 { @apply m-32; } .m-sm-19 { @apply m-36; } .m-sm-20 { @apply m-40; } .m-sm-21 { @apply m-[12.5rem]; } .m-sm-22 { @apply m-60; } .m-sm-23 { @apply m-[17.5rem]; } .m-sm-24 { @apply m-80; } .m-sm-25 { @apply m-[22.5rem]; } .m-sm-auto { @apply m-auto; } .mx-sm-0 { @apply mx-0; } .mx-sm-1 { @apply mx-1; } .mx-sm-2 { @apply mx-2; } .mx-sm-3 { @apply mx-3; } .mx-sm-4 { @apply mx-4; } .mx-sm-5 { @apply mx-5; } .mx-sm-6 { @apply mx-6; } .mx-sm-7 { @apply mx-7; } .mx-sm-8 { @apply mx-8; } .mx-sm-9 { @apply mx-9; } .mx-sm-10 { @apply mx-10; } .mx-sm-11 { @apply mx-12; } .mx-sm-12 { @apply mx-14; } .mx-sm-13 { @apply mx-16; } .mx-sm-14 { @apply mx-[4.5rem]; } .mx-sm-15 { @apply mx-20; } .mx-sm-16 { @apply mx-24; } .mx-sm-17 { @apply mx-28; } .mx-sm-18 { @apply mx-32; } .mx-sm-19 { @apply mx-36; } .mx-sm-20 { @apply mx-40; } .mx-sm-21 { @apply mx-[12.5rem]; } .mx-sm-22 { @apply mx-60; } .mx-sm-23 { @apply mx-[17.5rem]; } .mx-sm-24 { @apply mx-80; } .mx-sm-25 { @apply mx-[22.5rem]; } .mx-sm-auto { @apply mx-auto; } .my-sm-0 { @apply my-0; } .my-sm-1 { @apply my-1; } .my-sm-2 { @apply my-2; } .my-sm-3 { @apply my-3; } .my-sm-4 { @apply my-4; } .my-sm-5 { @apply my-5; } .my-sm-6 { @apply my-6; } .my-sm-7 { @apply my-7; } .my-sm-8 { @apply my-8; } .my-sm-9 { @apply my-9; } .my-sm-10 { @apply my-10; } .my-sm-11 { @apply my-12; } .my-sm-12 { @apply my-14; } .my-sm-13 { @apply my-16; } .my-sm-14 { @apply my-[4.5rem]; } .my-sm-15 { @apply my-20; } .my-sm-16 { @apply my-24; } .my-sm-17 { @apply my-28; } .my-sm-18 { @apply my-32; } .my-sm-19 { @apply my-36; } .my-sm-20 { @apply my-40; } .my-sm-21 { @apply my-[12.5rem]; } .my-sm-22 { @apply my-60; } .my-sm-23 { @apply my-[17.5rem]; } .my-sm-24 { @apply my-80; } .my-sm-25 { @apply my-[22.5rem]; } .my-sm-auto { @apply my-auto; } .mt-sm-0 { @apply mt-0; } .mt-sm-1 { @apply mt-1; } .mt-sm-2 { @apply mt-2; } .mt-sm-3 { @apply mt-3; } .mt-sm-4 { @apply mt-4; } .mt-sm-5 { @apply mt-5; } .mt-sm-6 { @apply mt-6; } .mt-sm-7 { @apply mt-7; } .mt-sm-8 { @apply mt-8; } .mt-sm-9 { @apply mt-9; } .mt-sm-10 { @apply mt-10; } .mt-sm-11 { @apply mt-12; } .mt-sm-12 { @apply mt-14; } .mt-sm-13 { @apply mt-16; } .mt-sm-14 { @apply mt-[4.5rem]; } .mt-sm-15 { @apply mt-20; } .mt-sm-16 { @apply mt-24; } .mt-sm-17 { @apply mt-28; } .mt-sm-18 { @apply mt-32; } .mt-sm-19 { @apply mt-36; } .mt-sm-20 { @apply mt-40; } .mt-sm-21 { @apply mt-[12.5rem]; } .mt-sm-22 { @apply mt-60; } .mt-sm-23 { @apply mt-[17.5rem]; } .mt-sm-24 { @apply mt-80; } .mt-sm-25 { @apply mt-[22.5rem]; } .mt-sm-auto { @apply mt-auto; } .me-sm-0 { @apply mr-0; } .me-sm-1 { @apply mr-1; } .me-sm-2 { @apply mr-2; } .me-sm-3 { @apply mr-3; } .me-sm-4 { @apply mr-4; } .me-sm-5 { @apply mr-5; } .me-sm-6 { @apply mr-6; } .me-sm-7 { @apply mr-7; } .me-sm-8 { @apply mr-8; } .me-sm-9 { @apply mr-9; } .me-sm-10 { @apply mr-10; } .me-sm-11 { @apply mr-12; } .me-sm-12 { @apply mr-14; } .me-sm-13 { @apply mr-16; } .me-sm-14 { @apply mr-[4.5rem]; } .me-sm-15 { @apply mr-20; } .me-sm-16 { @apply mr-24; } .me-sm-17 { @apply mr-28; } .me-sm-18 { @apply mr-32; } .me-sm-19 { @apply mr-36; } .me-sm-20 { @apply mr-40; } .me-sm-21 { @apply mr-[12.5rem]; } .me-sm-22 { @apply mr-60; } .me-sm-23 { @apply mr-[17.5rem]; } .me-sm-24 { @apply mr-80; } .me-sm-25 { @apply mr-[22.5rem]; } .me-sm-auto { @apply mr-auto; } .mb-sm-0 { @apply mb-0; } .mb-sm-1 { @apply mb-1; } .mb-sm-2 { @apply mb-2; } .mb-sm-3 { @apply mb-3; } .mb-sm-4 { @apply mb-4; } .mb-sm-5 { @apply mb-5; } .mb-sm-6 { @apply mb-6; } .mb-sm-7 { @apply mb-7; } .mb-sm-8 { @apply mb-8; } .mb-sm-9 { @apply mb-9; } .mb-sm-10 { @apply mb-10; } .mb-sm-11 { @apply mb-12; } .mb-sm-12 { @apply mb-14; } .mb-sm-13 { @apply mb-16; } .mb-sm-14 { @apply mb-[4.5rem]; } .mb-sm-15 { @apply mb-20; } .mb-sm-16 { @apply mb-24; } .mb-sm-17 { @apply mb-28; } .mb-sm-18 { @apply mb-32; } .mb-sm-19 { @apply mb-36; } .mb-sm-20 { @apply mb-40; } .mb-sm-21 { @apply mb-[12.5rem]; } .mb-sm-22 { @apply mb-60; } .mb-sm-23 { @apply mb-[17.5rem]; } .mb-sm-24 { @apply mb-80; } .mb-sm-25 { @apply mb-[22.5rem]; } .mb-sm-auto { @apply mb-auto; } .ms-sm-0 { @apply ml-0; } .ms-sm-1 { @apply ml-1; } .ms-sm-2 { @apply ml-2; } .ms-sm-3 { @apply ml-3; } .ms-sm-4 { @apply ml-4; } .ms-sm-5 { @apply ml-5; } .ms-sm-6 { @apply ml-6; } .ms-sm-7 { @apply ml-7; } .ms-sm-8 { @apply ml-8; } .ms-sm-9 { @apply ml-9; } .ms-sm-10 { @apply ml-10; } .ms-sm-11 { @apply ml-12; } .ms-sm-12 { @apply ml-14; } .ms-sm-13 { @apply ml-16; } .ms-sm-14 { @apply ml-[4.5rem]; } .ms-sm-15 { @apply ml-20; } .ms-sm-16 { @apply ml-24; } .ms-sm-17 { @apply ml-28; } .ms-sm-18 { @apply ml-32; } .ms-sm-19 { @apply ml-36; } .ms-sm-20 { @apply ml-40; } .ms-sm-21 { @apply ml-[12.5rem]; } .ms-sm-22 { @apply ml-60; } .ms-sm-23 { @apply ml-[17.5rem]; } .ms-sm-24 { @apply ml-80; } .ms-sm-25 { @apply ml-[22.5rem]; } .ms-sm-auto { @apply ml-auto; } .m-sm-n1 { @apply mt-[-0.25rem] mr-[-0.25rem] mb-[-0.25rem] ml-[-0.25rem]; } .m-sm-n2 { @apply mt-[-0.5rem] mr-[-0.5rem] mb-[-0.5rem] ml-[-0.5rem]; } .m-sm-n3 { @apply mt-[-0.75rem] mr-[-0.75rem] mb-[-0.75rem] ml-[-0.75rem]; } .m-sm-n4 { @apply mt-[-1rem] mr-[-1rem] mb-[-1rem] ml-[-1rem]; } .m-sm-n5 { @apply mt-[-1.25rem] mr-[-1.25rem] mb-[-1.25rem] ml-[-1.25rem]; } .m-sm-n6 { @apply mt-[-1.5rem] mr-[-1.5rem] mb-[-1.5rem] ml-[-1.5rem]; } .m-sm-n7 { @apply mt-[-1.75rem] mr-[-1.75rem] mb-[-1.75rem] ml-[-1.75rem]; } .m-sm-n8 { @apply mt-[-2rem] mr-[-2rem] mb-[-2rem] ml-[-2rem]; } .m-sm-n9 { @apply mt-[-2.25rem] mr-[-2.25rem] mb-[-2.25rem] ml-[-2.25rem]; } .m-sm-n10 { @apply mt-[-2.5rem] mr-[-2.5rem] mb-[-2.5rem] ml-[-2.5rem]; } .m-sm-n11 { @apply mt-[-3rem] mr-[-3rem] mb-[-3rem] ml-[-3rem]; } .m-sm-n12 { @apply mt-[-3.5rem] mr-[-3.5rem] mb-[-3.5rem] ml-[-3.5rem]; } .m-sm-n13 { @apply mt-[-4rem] mr-[-4rem] mb-[-4rem] ml-[-4rem]; } .m-sm-n14 { @apply mt-[-4.5rem] mr-[-4.5rem] mb-[-4.5rem] ml-[-4.5rem]; } .m-sm-n15 { @apply mt-[-5rem] mr-[-5rem] mb-[-5rem] ml-[-5rem]; } .m-sm-n16 { @apply mt-[-6rem] mr-[-6rem] mb-[-6rem] ml-[-6rem]; } .m-sm-n17 { @apply mt-[-7rem] mr-[-7rem] mb-[-7rem] ml-[-7rem]; } .m-sm-n18 { @apply mt-[-8rem] mr-[-8rem] mb-[-8rem] ml-[-8rem]; } .m-sm-n19 { @apply mt-[-9rem] mr-[-9rem] mb-[-9rem] ml-[-9rem]; } .m-sm-n20 { @apply mt-[-10rem] mr-[-10rem] mb-[-10rem] ml-[-10rem]; } .m-sm-n21 { @apply mt-[-12.5rem] mr-[-12.5rem] mb-[-12.5rem] ml-[-12.5rem]; } .m-sm-n22 { @apply mt-[-15rem] mr-[-15rem] mb-[-15rem] ml-[-15rem]; } .m-sm-n23 { @apply mt-[-17.5rem] mr-[-17.5rem] mb-[-17.5rem] ml-[-17.5rem]; } .m-sm-n24 { @apply mt-[-20rem] mr-[-20rem] mb-[-20rem] ml-[-20rem]; } .m-sm-n25 { @apply mt-[-22.5rem] mr-[-22.5rem] mb-[-22.5rem] ml-[-22.5rem]; } .mx-sm-n1 { @apply mr-[-0.25rem] ml-[-0.25rem]; } .mx-sm-n2 { @apply sm:mx-[-0.5rem]; } .mx-sm-n3 { @apply mr-[-0.75rem] ml-[-0.75rem]; } .mx-sm-n4 { @apply mr-[-1rem] ml-[-1rem]; } .mx-sm-n5 { @apply mr-[-1.25rem] ml-[-1.25rem]; } .mx-sm-n6 { @apply mr-[-1.5rem] ml-[-1.5rem]; } .mx-sm-n7 { @apply mr-[-1.75rem] ml-[-1.75rem]; } .mx-sm-n8 { @apply mr-[-2rem] ml-[-2rem]; } .mx-sm-n9 { @apply mr-[-2.25rem] ml-[-2.25rem]; } .mx-sm-n10 { @apply mr-[-2.5rem] ml-[-2.5rem]; } .mx-sm-n11 { @apply mr-[-3rem] ml-[-3rem]; } .mx-sm-n12 { @apply mr-[-3.5rem] ml-[-3.5rem]; } .mx-sm-n13 { @apply mr-[-4rem] ml-[-4rem]; } .mx-sm-n14 { @apply mr-[-4.5rem] ml-[-4.5rem]; } .mx-sm-n15 { @apply mr-[-5rem] ml-[-5rem]; } .mx-sm-n16 { @apply mr-[-6rem] ml-[-6rem]; } .mx-sm-n17 { @apply mr-[-7rem] ml-[-7rem]; } .mx-sm-n18 { @apply mr-[-8rem] ml-[-8rem]; } .mx-sm-n19 { @apply mr-[-9rem] ml-[-9rem]; } .mx-sm-n20 { @apply mr-[-10rem] ml-[-10rem]; } .mx-sm-n21 { @apply mr-[-12.5rem] ml-[-12.5rem]; } .mx-sm-n22 { @apply mr-[-15rem] ml-[-15rem]; } .mx-sm-n23 { @apply mr-[-17.5rem] ml-[-17.5rem]; } .mx-sm-n24 { @apply mr-[-20rem] ml-[-20rem]; } .mx-sm-n25 { @apply mr-[-22.5rem] ml-[-22.5rem]; } .my-sm-n1 { @apply mt-[-0.25rem] mb-[-0.25rem]; } .my-sm-n2 { @apply mt-[-0.5rem] mb-[-0.5rem]; } .my-sm-n3 { @apply mt-[-0.75rem] mb-[-0.75rem]; } .my-sm-n4 { @apply mt-[-1rem] mb-[-1rem]; } .my-sm-n5 { @apply mt-[-1.25rem] mb-[-1.25rem]; } .my-sm-n6 { @apply mt-[-1.5rem] mb-[-1.5rem]; } .my-sm-n7 { @apply mt-[-1.75rem] mb-[-1.75rem]; } .my-sm-n8 { @apply mt-[-2rem] mb-[-2rem]; } .my-sm-n9 { @apply mt-[-2.25rem] mb-[-2.25rem]; } .my-sm-n10 { @apply mt-[-2.5rem] mb-[-2.5rem]; } .my-sm-n11 { @apply mt-[-3rem] mb-[-3rem]; } .my-sm-n12 { @apply mt-[-3.5rem] mb-[-3.5rem]; } .my-sm-n13 { @apply mt-[-4rem] mb-[-4rem]; } .my-sm-n14 { @apply mt-[-4.5rem] mb-[-4.5rem]; } .my-sm-n15 { @apply mt-[-5rem] mb-[-5rem]; } .my-sm-n16 { @apply mt-[-6rem] mb-[-6rem]; } .my-sm-n17 { @apply mt-[-7rem] mb-[-7rem]; } .my-sm-n18 { @apply mt-[-8rem] mb-[-8rem]; } .my-sm-n19 { @apply mt-[-9rem] mb-[-9rem]; } .my-sm-n20 { @apply mt-[-10rem] mb-[-10rem]; } .my-sm-n21 { @apply mt-[-12.5rem] mb-[-12.5rem]; } .my-sm-n22 { @apply mt-[-15rem] mb-[-15rem]; } .my-sm-n23 { @apply mt-[-17.5rem] mb-[-17.5rem]; } .my-sm-n24 { @apply mt-[-20rem] mb-[-20rem]; } .my-sm-n25 { @apply mt-[-22.5rem] mb-[-22.5rem]; } .mt-sm-n1 { @apply mt-[-0.25rem]; } .mt-sm-n2 { @apply mt-[-0.5rem]; } .mt-sm-n3 { @apply mt-[-0.75rem]; } .mt-sm-n4 { @apply mt-[-1rem]; } .mt-sm-n5 { @apply mt-[-1.25rem]; } .mt-sm-n6 { @apply mt-[-1.5rem]; } .mt-sm-n7 { @apply mt-[-1.75rem]; } .mt-sm-n8 { @apply mt-[-2rem]; } .mt-sm-n9 { @apply mt-[-2.25rem]; } .mt-sm-n10 { @apply mt-[-2.5rem]; } .mt-sm-n11 { @apply mt-[-3rem]; } .mt-sm-n12 { @apply mt-[-3.5rem]; } .mt-sm-n13 { @apply mt-[-4rem]; } .mt-sm-n14 { @apply mt-[-4.5rem]; } .mt-sm-n15 { @apply mt-[-5rem]; } .mt-sm-n16 { @apply mt-[-6rem]; } .mt-sm-n17 { @apply mt-[-7rem]; } .mt-sm-n18 { @apply mt-[-8rem]; } .mt-sm-n19 { @apply mt-[-9rem]; } .mt-sm-n20 { @apply mt-[-10rem]; } .mt-sm-n21 { @apply mt-[-12.5rem]; } .mt-sm-n22 { @apply mt-[-15rem]; } .mt-sm-n23 { @apply mt-[-17.5rem]; } .mt-sm-n24 { @apply mt-[-20rem]; } .mt-sm-n25 { @apply mt-[-22.5rem]; } .me-sm-n1 { @apply mr-[-0.25rem]; } .me-sm-n2 { @apply mr-[-0.5rem]; } .me-sm-n3 { @apply mr-[-0.75rem]; } .me-sm-n4 { @apply mr-[-1rem]; } .me-sm-n5 { @apply mr-[-1.25rem]; } .me-sm-n6 { @apply mr-[-1.5rem]; } .me-sm-n7 { @apply mr-[-1.75rem]; } .me-sm-n8 { @apply mr-[-2rem]; } .me-sm-n9 { @apply mr-[-2.25rem]; } .me-sm-n10 { @apply mr-[-2.5rem]; } .me-sm-n11 { @apply mr-[-3rem]; } .me-sm-n12 { @apply mr-[-3.5rem]; } .me-sm-n13 { @apply mr-[-4rem]; } .me-sm-n14 { @apply mr-[-4.5rem]; } .me-sm-n15 { @apply mr-[-5rem]; } .me-sm-n16 { @apply mr-[-6rem]; } .me-sm-n17 { @apply mr-[-7rem]; } .me-sm-n18 { @apply mr-[-8rem]; } .me-sm-n19 { @apply mr-[-9rem]; } .me-sm-n20 { @apply mr-[-10rem]; } .me-sm-n21 { @apply mr-[-12.5rem]; } .me-sm-n22 { @apply mr-[-15rem]; } .me-sm-n23 { @apply mr-[-17.5rem]; } .me-sm-n24 { @apply mr-[-20rem]; } .me-sm-n25 { @apply mr-[-22.5rem]; } .mb-sm-n1 { @apply mb-[-0.25rem]; } .mb-sm-n2 { @apply mb-[-0.5rem]; } .mb-sm-n3 { @apply mb-[-0.75rem]; } .mb-sm-n4 { @apply mb-[-1rem]; } .mb-sm-n5 { @apply mb-[-1.25rem]; } .mb-sm-n6 { @apply mb-[-1.5rem]; } .mb-sm-n7 { @apply mb-[-1.75rem]; } .mb-sm-n8 { @apply mb-[-2rem]; } .mb-sm-n9 { @apply mb-[-2.25rem]; } .mb-sm-n10 { @apply mb-[-2.5rem]; } .mb-sm-n11 { @apply mb-[-3rem]; } .mb-sm-n12 { @apply mb-[-3.5rem]; } .mb-sm-n13 { @apply mb-[-4rem]; } .mb-sm-n14 { @apply mb-[-4.5rem]; } .mb-sm-n15 { @apply mb-[-5rem]; } .mb-sm-n16 { @apply mb-[-6rem]; } .mb-sm-n17 { @apply mb-[-7rem]; } .mb-sm-n18 { @apply mb-[-8rem]; } .mb-sm-n19 { @apply mb-[-9rem]; } .mb-sm-n20 { @apply mb-[-10rem]; } .mb-sm-n21 { @apply mb-[-12.5rem]; } .mb-sm-n22 { @apply mb-[-15rem]; } .mb-sm-n23 { @apply mb-[-17.5rem]; } .mb-sm-n24 { @apply mb-[-20rem]; } .mb-sm-n25 { @apply mb-[-22.5rem]; } .ms-sm-n1 { @apply ml-[-0.25rem]; } .ms-sm-n2 { @apply ml-[-0.5rem]; } .ms-sm-n3 { @apply ml-[-0.75rem]; } .ms-sm-n4 { @apply ml-[-1rem]; } .ms-sm-n5 { @apply ml-[-1.25rem]; } .ms-sm-n6 { @apply ml-[-1.5rem]; } .ms-sm-n7 { @apply ml-[-1.75rem]; } .ms-sm-n8 { @apply ml-[-2rem]; } .ms-sm-n9 { @apply ml-[-2.25rem]; } .ms-sm-n10 { @apply ml-[-2.5rem]; } .ms-sm-n11 { @apply ml-[-3rem]; } .ms-sm-n12 { @apply ml-[-3.5rem]; } .ms-sm-n13 { @apply ml-[-4rem]; } .ms-sm-n14 { @apply ml-[-4.5rem]; } .ms-sm-n15 { @apply ml-[-5rem]; } .ms-sm-n16 { @apply ml-[-6rem]; } .ms-sm-n17 { @apply ml-[-7rem]; } .ms-sm-n18 { @apply ml-[-8rem]; } .ms-sm-n19 { @apply ml-[-9rem]; } .ms-sm-n20 { @apply ml-[-10rem]; } .ms-sm-n21 { @apply ml-[-12.5rem]; } .ms-sm-n22 { @apply ml-[-15rem]; } .ms-sm-n23 { @apply ml-[-17.5rem]; } .ms-sm-n24 { @apply ml-[-20rem]; } .ms-sm-n25 { @apply ml-[-22.5rem]; } .p-sm-0 { @apply p-0; } .p-sm-1 { @apply p-1; } .p-sm-2 { @apply p-2; } .p-sm-3 { @apply p-3; } .p-sm-4 { @apply p-4; } .p-sm-5 { @apply p-5; } .p-sm-6 { @apply p-6; } .p-sm-7 { @apply p-7; } .p-sm-8 { @apply p-8; } .p-sm-9 { @apply p-9; } .p-sm-10 { @apply p-10; } .p-sm-11 { @apply p-12; } .p-sm-12 { @apply p-14; } .p-sm-13 { @apply p-16; } .p-sm-14 { @apply p-[4.5rem]; } .p-sm-15 { @apply p-20; } .p-sm-16 { @apply p-24; } .p-sm-17 { @apply p-28; } .p-sm-18 { @apply p-32; } .p-sm-19 { @apply p-36; } .p-sm-20 { @apply p-40; } .p-sm-21 { @apply p-[12.5rem]; } .p-sm-22 { @apply p-60; } .p-sm-23 { @apply p-[17.5rem]; } .p-sm-24 { @apply p-80; } .p-sm-25 { @apply p-[22.5rem]; } .px-sm-0 { @apply px-0; } .px-sm-1 { @apply px-1; } .px-sm-2 { @apply px-2; } .px-sm-3 { @apply px-3; } .px-sm-4 { @apply px-4; } .px-sm-5 { @apply px-5; } .px-sm-6 { @apply px-6; } .px-sm-7 { @apply px-7; } .px-sm-8 { @apply px-8; } .px-sm-9 { @apply px-9; } .px-sm-10 { @apply px-10; } .px-sm-11 { @apply px-12; } .px-sm-12 { @apply px-14; } .px-sm-13 { @apply px-16; } .px-sm-14 { @apply px-[4.5rem]; } .px-sm-15 { @apply px-20; } .px-sm-16 { @apply px-24; } .px-sm-17 { @apply px-28; } .px-sm-18 { @apply px-32; } .px-sm-19 { @apply px-36; } .px-sm-20 { @apply px-40; } .px-sm-21 { @apply px-[12.5rem]; } .px-sm-22 { @apply px-60; } .px-sm-23 { @apply px-[17.5rem]; } .px-sm-24 { @apply px-80; } .px-sm-25 { @apply px-[22.5rem]; } .py-sm-0 { @apply sm:!py-0; } .py-sm-1 { @apply sm:!py-1; } .py-sm-2 { @apply sm:!py-2; } .py-sm-3 { @apply sm:!py-3; } .py-sm-4 { @apply sm:!py-4; } .py-sm-5 { @apply sm:!py-5; } .py-sm-6 { @apply sm:!py-6; } .py-sm-7 { @apply sm:!py-7; } .py-sm-8 { @apply sm:!py-8; } .py-sm-9 { @apply sm:!py-9; } .py-sm-10 { @apply sm:!py-10; } .py-sm-11 { @apply sm:!py-12; } .py-sm-12 { @apply sm:!py-14; } .py-sm-13 { @apply sm:!py-16; } .py-sm-14 { @apply sm:!py-[4.5rem]; } .py-sm-15 { @apply sm:!py-20; } .py-sm-16 { @apply sm:!py-24; } .py-sm-17 { @apply sm:!py-28; } .py-sm-18 { @apply sm:!py-32; } .py-sm-19 { @apply sm:!py-36; } .py-sm-20 { @apply sm:!py-40; } .py-sm-21 { @apply sm:!py-[12.5rem]; } .py-sm-22 { @apply sm:!py-60; } .py-sm-23 { @apply sm:!py-[17.5rem]; } .py-sm-24 { @apply sm:!py-80; } .py-sm-25 { @apply sm:!py-[22.5rem]; } .pt-sm-0 { @apply pt-0; } .pt-sm-1 { @apply pt-1; } .pt-sm-2 { @apply pt-2; } .pt-sm-3 { @apply pt-3; } .pt-sm-4 { @apply pt-4; } .pt-sm-5 { @apply pt-5; } .pt-sm-6 { @apply pt-6; } .pt-sm-7 { @apply pt-7; } .pt-sm-8 { @apply pt-8; } .pt-sm-9 { @apply pt-9; } .pt-sm-10 { @apply pt-10; } .pt-sm-11 { @apply pt-12; } .pt-sm-12 { @apply pt-14; } .pt-sm-13 { @apply pt-16; } .pt-sm-14 { @apply pt-[4.5rem]; } .pt-sm-15 { @apply pt-20; } .pt-sm-16 { @apply pt-24; } .pt-sm-17 { @apply pt-28; } .pt-sm-18 { @apply pt-32; } .pt-sm-19 { @apply pt-36; } .pt-sm-20 { @apply pt-40; } .pt-sm-21 { @apply pt-[12.5rem]; } .pt-sm-22 { @apply pt-60; } .pt-sm-23 { @apply pt-[17.5rem]; } .pt-sm-24 { @apply pt-80; } .pt-sm-25 { @apply pt-[22.5rem]; } .pe-sm-0 { @apply pr-0; } .pe-sm-1 { @apply pr-1; } .pe-sm-2 { @apply pr-2; } .pe-sm-3 { @apply pr-[.75rem]; } .pe-sm-4 { @apply pr-4; } .pe-sm-5 { @apply pr-5; } .pe-sm-6 { @apply pr-6; } .pe-sm-7 { @apply pr-7; } .pe-sm-8 { @apply pr-8; } .pe-sm-9 { @apply pr-9; } .pe-sm-10 { @apply pr-10; } .pe-sm-11 { @apply pr-12; } .pe-sm-12 { @apply pr-14; } .pe-sm-13 { @apply pr-16; } .pe-sm-14 { @apply pr-[4.5rem]; } .pe-sm-15 { @apply pr-20; } .pe-sm-16 { @apply pr-24; } .pe-sm-17 { @apply pr-28; } .pe-sm-18 { @apply pr-32; } .pe-sm-19 { @apply pr-36; } .pe-sm-20 { @apply pr-40; } .pe-sm-21 { @apply pr-[12.5rem]; } .pe-sm-22 { @apply pr-60; } .pe-sm-23 { @apply pr-[17.5rem]; } .pe-sm-24 { @apply pr-80; } .pe-sm-25 { @apply pr-[22.5rem]; } .pb-sm-0 { @apply pb-0; } .pb-sm-1 { @apply pb-1; } .pb-sm-2 { @apply pb-2; } .pb-sm-3 { @apply pb-3; } .pb-sm-4 { @apply pb-4; } .pb-sm-5 { @apply pb-5; } .pb-sm-6 { @apply pb-6; } .pb-sm-7 { @apply pb-7; } .pb-sm-8 { @apply pb-8; } .pb-sm-9 { @apply pb-9; } .pb-sm-10 { @apply pb-10; } .pb-sm-11 { @apply pb-12; } .pb-sm-12 { @apply pb-14; } .pb-sm-13 { @apply pb-16; } .pb-sm-14 { @apply pb-[4.5rem]; } .pb-sm-15 { @apply pb-20; } .pb-sm-16 { @apply pb-24; } .pb-sm-17 { @apply pb-28; } .pb-sm-18 { @apply pb-32; } .pb-sm-19 { @apply pb-36; } .pb-sm-20 { @apply pb-40; } .pb-sm-21 { @apply pb-[12.5rem]; } .pb-sm-22 { @apply pb-60; } .pb-sm-23 { @apply pb-[17.5rem]; } .pb-sm-24 { @apply pb-80; } .pb-sm-25 { @apply pb-[22.5rem]; } .ps-sm-0 { @apply pl-0; } .ps-sm-1 { @apply pl-1; } .ps-sm-2 { @apply pl-2; } .ps-sm-3 { @apply pl-3; } .ps-sm-4 { @apply pl-4; } .ps-sm-5 { @apply pl-5; } .ps-sm-6 { @apply pl-6; } .ps-sm-7 { @apply pl-[1.75rem]; } .ps-sm-8 { @apply pl-8; } .ps-sm-9 { @apply pl-9; } .ps-sm-10 { @apply pl-10; } .ps-sm-11 { @apply pl-12; } .ps-sm-12 { @apply pl-14; } .ps-sm-13 { @apply pl-16; } .ps-sm-14 { @apply pl-[4.5rem]; } .ps-sm-15 { @apply pl-20; } .ps-sm-16 { @apply pl-24; } .ps-sm-17 { @apply pl-28; } .ps-sm-18 { @apply pl-32; } .ps-sm-19 { @apply pl-36; } .ps-sm-20 { @apply pl-40; } .ps-sm-21 { @apply pl-[12.5rem]; } .ps-sm-22 { @apply pl-60; } .ps-sm-23 { @apply pl-[17.5rem]; } .ps-sm-24 { @apply pl-80; } .ps-sm-25 { @apply pl-[22.5rem]; } .gap-sm-0 { @apply gap-0; } .gap-sm-1 { @apply gap-1; } .gap-sm-2 { @apply gap-2; } .gap-sm-3 { @apply gap-3; } .gap-sm-4 { @apply gap-4; } .gap-sm-5 { @apply gap-5; } .gap-sm-6 { @apply gap-6; } .gap-sm-7 { @apply gap-7; } .gap-sm-8 { @apply gap-8; } .gap-sm-9 { @apply gap-9; } .gap-sm-10 { @apply gap-10; } .gap-sm-11 { @apply gap-12; } .gap-sm-12 { @apply gap-14; } .gap-sm-13 { @apply gap-16; } .gap-sm-14 { @apply gap-[4.5rem]; } .gap-sm-15 { @apply gap-20; } .gap-sm-16 { @apply gap-24; } .gap-sm-17 { @apply gap-28; } .gap-sm-18 { @apply gap-32; } .gap-sm-19 { @apply gap-36; } .gap-sm-20 { @apply gap-40; } .gap-sm-21 { @apply gap-[12.5rem]; } .gap-sm-22 { @apply gap-60; } .gap-sm-23 { @apply gap-[17.5rem]; } .gap-sm-24 { @apply gap-80; } .gap-sm-25 { @apply gap-[22.5rem]; } .row-gap-sm-0 { @apply gap-y-0; } .row-gap-sm-1 { @apply gap-y-1; } .row-gap-sm-2 { @apply gap-y-2; } .row-gap-sm-3 { @apply gap-y-3; } .row-gap-sm-4 { @apply gap-y-4; } .row-gap-sm-5 { @apply gap-y-5; } .row-gap-sm-6 { @apply gap-y-6; } .row-gap-sm-7 { @apply gap-y-7; } .row-gap-sm-8 { @apply gap-y-8; } .row-gap-sm-9 { @apply gap-y-9; } .row-gap-sm-10 { @apply gap-y-10; } .row-gap-sm-11 { @apply gap-y-12; } .row-gap-sm-12 { @apply gap-y-14; } .row-gap-sm-13 { @apply gap-y-16; } .row-gap-sm-14 { @apply gap-y-[4.5rem]; } .row-gap-sm-15 { @apply gap-y-20; } .row-gap-sm-16 { @apply gap-y-24; } .row-gap-sm-17 { @apply gap-y-28; } .row-gap-sm-18 { @apply gap-y-32; } .row-gap-sm-19 { @apply gap-y-36; } .row-gap-sm-20 { @apply gap-y-40; } .row-gap-sm-21 { @apply gap-y-[12.5rem]; } .row-gap-sm-22 { @apply gap-y-60; } .row-gap-sm-23 { @apply gap-y-[17.5rem]; } .row-gap-sm-24 { @apply gap-y-80; } .row-gap-sm-25 { @apply gap-y-[22.5rem]; } .column-gap-sm-0 { @apply gap-x-0; -moz-column-gap: 0 !important; } .column-gap-sm-1 { @apply gap-x-1; -moz-column-gap: 0.25rem !important; } .column-gap-sm-2 { @apply gap-x-2; -moz-column-gap: 0.5rem !important; } .column-gap-sm-3 { @apply gap-x-3; -moz-column-gap: 0.75rem !important; } .column-gap-sm-4 { @apply gap-x-4; -moz-column-gap: 1rem !important; } .column-gap-sm-5 { @apply gap-x-5; -moz-column-gap: 1.25rem !important; } .column-gap-sm-6 { @apply gap-x-6; -moz-column-gap: 1.5rem !important; } .column-gap-sm-7 { @apply gap-x-7; -moz-column-gap: 1.75rem !important; } .column-gap-sm-8 { @apply gap-x-8; -moz-column-gap: 2rem !important; } .column-gap-sm-9 { @apply gap-x-9; -moz-column-gap: 2.25rem !important; } .column-gap-sm-10 { @apply gap-x-10; -moz-column-gap: 2.5rem !important; } .column-gap-sm-11 { @apply gap-x-12; -moz-column-gap: 3rem !important; } .column-gap-sm-12 { @apply gap-x-14; -moz-column-gap: 3.5rem !important; } .column-gap-sm-13 { @apply gap-x-16; -moz-column-gap: 4rem !important; } .column-gap-sm-14 { @apply gap-x-[4.5rem]; -moz-column-gap: 4.5rem !important; } .column-gap-sm-15 { @apply gap-x-20; -moz-column-gap: 5rem !important; } .column-gap-sm-16 { @apply gap-x-24; -moz-column-gap: 6rem !important; } .column-gap-sm-17 { @apply gap-x-28; -moz-column-gap: 7rem !important; } .column-gap-sm-18 { @apply gap-x-32; -moz-column-gap: 8rem !important; } .column-gap-sm-19 { @apply gap-x-36; -moz-column-gap: 9rem !important; } .column-gap-sm-20 { @apply gap-x-40; -moz-column-gap: 10rem !important; } .column-gap-sm-21 { @apply gap-x-[12.5rem]; -moz-column-gap: 12.5rem !important; } .column-gap-sm-22 { @apply gap-x-60; -moz-column-gap: 15rem !important; } .column-gap-sm-23 { @apply gap-x-[17.5rem]; -moz-column-gap: 17.5rem !important; } .column-gap-sm-24 { @apply gap-x-80; -moz-column-gap: 20rem !important; } .column-gap-sm-25 { @apply gap-x-[22.5rem]; -moz-column-gap: 22.5rem !important; } .text-sm-start { @apply text-left; } .text-sm-end { @apply text-right; } .text-sm-center { @apply text-center; } .navbar-expand-sm.navbar-light .dropdown:not(.dropdown-submenu) > .dropdown-toggle:after { @apply text-[#1fc76f]; } .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; } }